Dwitter - javascript demos in 140 characters

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<9;i++)
x.fillRect(400+i*100+S(t)*300,400,50,200) // draw 50x200 rects

} // 122/140

Please log in (or register) to post a dweet (copy-paste the code somewhere safe to save it meanwhile)


    u(t) is called 60 times per second.
    t: Elapsed time in seconds.
    S: Shorthand for Math.sin.
    C: Shorthand for Math.cos.
    T: Shorthand for Math.tan.
    R: Function that generates rgba-strings, usage ex.: R(255, 255, 255, 0.5)
    c: A 1920x1080 canvas.
    x: A 2D context for that canvas.

Try the new frontend: beta.dwitter.net
Current theme challenge: #Food

show FPS hide FPS share fullscreen

rodrigo.siqueira

function u(t) {

η=.1
ℵ=1/t
for(X=-3;X<3;X+=.01){
y=X**3-X*2
ℵ=ℵ-η*(ℵ**3-2*ℵ)
x.fillRect(940+X*400,-y*100+500,5,5)
}
x.fillRect(910+ℵ*400,470,60,60)
throw(ℵ)

Aug 21 2019 1:45 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Gradient Descent (iterative) algorithm used to calculate sqrt(2). The big dots are the two roots -sqrt(2) and +sqrt(2) of equation Y=X**3-X*2. The Gradient Descent is an optimization algorithm for finding a local minimum of a function near a starting point, taking successive steps in the direction of the negative of the gradient. x[n+1]=x[n]−η(∇f)xn where η is the "Learning Rate". Gradient Descent is widely used for training Machine Learning models. #neural #ai

u/rodrigo.siqueira

Simple version that calculates sqrt(2). If you change initial "x" to -1, it will converge to -sqrt(2), that is the other root of the equation Y=X**3-X*2. Code: x = 1; learning_rate = .1; for(i=0;i<50;i++) { x = x - learning_rate * (x**3 - 2*x) } throw(x);

show FPS hide FPS share fullscreen

katkip

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪀪🐱𞱩𩠨𘑴𚑻𬰽𦱝𞱦𫱲𚁩🐱𩐳𞱩𛐭𞰩𬰮𬁵𬱨𚁻𨐺𪐬𨠺𜐰𜁽𚑽𞱦𫱲𚁯𘁯𩠠𬰩𮀮𩡩𫁬𤡥𨱴𚀹𝠰𚱓𚁯𛡡𚐪𫰮𨠬𝐴𜀫𠰨𫰮𨐩𚡯𛡢𛁯𛡢𛰱𜀬𫰮𨠯𜐰𚐬𫰮𨐫👃𚁯𛡡𙠱𚐯𞐹𛁯𛡢𚰽𠰨𫰮𨐪𜰩`.replace(/uD./g,'')))

Aug 22 2019 5:54 PM UTC

}// 121/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

3D chaos flower that grows symmetrically! isn't #chaos #cute ? #waitforit c.width*=1;if(!t){s=[];for(i=1e3;i--;)s.push({a:i,b:100})};for(o of s)x.fillRect(960+S(o.a)*o.b,540+C(o.a)*o.b,o.b/10,o.b/10),o.a+=C(o.a&1)/99,o.b+=C(o.a*3)

show FPS hide FPS share 1 remix fullscreen

username

remix of d/15452 by u/username

function u(t) {

t=t*t
eval(unescape(escape`朽挮睩摴桞㴰㭦潲⡪㴴㭪ⴭ㬩景爨椽朻ⴭ椻砮晩汬剥捴⡩ⰵ㐰⵷⼲⭓⡩⼴㌩⨹⬨焽㤶〭椩⼲⨨焾㸳ㄩ⨪椬㈬眩⥷㴮㐪⨨椯㤹⴨琫権⨶┲㜫㔩⨪㈪ㄶㄫ㤬砮晩汬却祬攽恨獬⠤筩⼶紬㘸┬㔰╠`.replace(/u(..)/g,"$1%")))

Aug 22 2019 5:44 PM UTC

}// 136/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

watch this become beautiful

show FPS hide FPS share fullscreen

katkip

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪀪🐱𞱩𩠨𘑴𚑻𬰽𦱝𞱦𫱲𚁩🐹𞐹𞱩𛐭𞰩𬰮𬁵𬱨𚁛𤰨𪐩𛁃𚁩𚑝𚑽𞱦𫱲𚁯𘁯𩠠𬰩𮀮𩡩𫁬𤡥𨱴𚀹𝠰𚱯𦰰𧐪𜐰𜀬𝐴𜀫𫱛𜑝𚠱𜀰𛀱𜀬𜐰𚐬𫱛𜁝𚰽𠰨𫱛𜑝𛑯𦰰𧐩𛰹𞐬𫱛𜑝𚰽𤰨𫱛𜁝𚱯𦰱𧐩𛰹𞐠`.replace(/uD./g,'')))

Aug 22 2019 5:43 PM UTC

}// 122/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

#circle that gets self-absorbed #chaos

show FPS hide FPS share fullscreen

robbyg

function u(t) {

a=t?a+=(Math.random()*2-1):400
x.fillStyle='#000a'
x.fillRect(960+C(t)*a,540+S(t)*a,9,9)

Aug 21 2019 3:30 PM UTC

}// 88/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Tracing a circle.

show FPS hide FPS share 2 remixes fullscreen

django

function u(t) {

w=c.width*=1;k=80;f=w/k;
for(i=0;i<k;i++)for(j=0;j<k;j++)p=j/k,x.fillStyle=R(0,p*255,p*128),x.fillRect(i*f,540,f,(1-p)*S(C(t+j)+i/10+j)*540)

Aug 20 2019 5:33 AM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

wavey

u/13thptr

nice style
u/katkip

nice

show FPS hide FPS share fullscreen

metamero

remix of d/15480 by u/metamero

function u(t) {

throw++FPS

Aug 22 2019 9:05 PM UTC

}// 10/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

for those who have no limits

show FPS hide FPS share fullscreen

jlidbeck

function u(t) {

r=180;s=360;a=11.75
for(i=1;i<120;++i){
t+=t
x.fillStyle='#002a'
x.fillRect(
960+2*r*C(t)+s*C(a*t),
540+r*S(t)+s*S(a*t),1,2)}

Aug 22 2019 4:12 AM UTC

}// 125/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

show FPS hide FPS share 1 remix fullscreen

taupelink

function u(t) {

r=Math.random;x.font='24pt Courier New';f=frame%360;f?(x.fillStyle=`hsl(${f},90%,30%)`,x.fillText(f,r()*1920,r()*1080)):(c.width|=0)

Aug 22 2019 5:47 PM UTC

}// 132/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Hues 1-359, scattered about randomly

show FPS hide FPS share 1 remix fullscreen

taupelink

function u(t) {

r={valueOf:Math.random};X=r*2e3,Y=r*1e3,W=r**7*300;for(i=9;i--;x[['clear','stroke'][r*3&1]+'Rect'](X+2*W*i,Y,W,W*4))x.strokeStyle=R(0,r*256)

Aug 22 2019 5:25 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

d/15489