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

Odog8

function u(t) {

eval(unescape(escape`ⅴ☦⡁㵂㴰⤻䴽䵡瑨⹡扳㭣⹷楤瑨㵩湮敲坩摴栻砮景湴㴧㍥洢✻潮浯畳敭潶攽攽㸨堽攮砬夽攮礩㭸⹦楬汔數琨✽ħⱘⱙ⤻砮晩汬呥硴⠧伧ⱁⱂ⤻䄭㵍⡁ⵘ⤯⡁ⵘ⬮ㄩ㭂ⴽ䴨䈭天⼨䈭夫⸱⤻
`.replace(/u(..)/g,'$1%')))

Feb 26 2020 11:58 PM UTC

}// 131/140

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

Cat & mouse test

u/aleamb

#interactive

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𪐽𭀪𝠰𙐱𜰊𨰮𬱴𮑬𩐮𩡩𫁴𩑲🐢𪑮𭡥𬡴𚀱𘠊𭱩𭁨𚁸𚑦𫱲𚁴𯁼𬱣𨑬𩐨𝀬𝀩𛁢𩑧𪑮𤁡𭁨𚁱👃𚁩𚡩𚐯𝰩𛁬𪑮𩑔𫰨𪠽𞐵𛁪𚐻𪠭𛐻𫁩𫡥𥁯𚀹𝠫𤰨𮠽𪐪𛠴𞀳𚱔𚰨𛠴𞀳𚱱𛑔𚐪𪠯𞐴𚐪𬠬𞐵𚱃𚁺𚐪𬠩𚑲👴𚠨𜰶𜀭𤰨𪠯𜰰𚐪𜰹𚐯𝠬𬱴𬡯𪱥𚀩𒡔👱`.replace(/u../g,'')))

Feb 27 2020 1:38 AM UTC

}// 138/140

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

Spider Web

show FPS hide FPS share 1 remix fullscreen

Cloud

remix of d/17759 by u/Cloud

function u(t) {

for(c.width|=i=400;i--;){
x.fillStyle=R(i/2)
x.fillRect(800+C(t*3-i/100)*50-i/2, 500+S(t*3-i/100)*10-i/2, 300+i, 300+i)
}

Feb 26 2020 7:19 PM UTC

}// 121/140

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

#tonel

u/13thptr

#tunnel
u/vain

clever coding!

show FPS hide FPS share fullscreen

django

remix of d/15467 by u/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,128),x.fillRect(i*f,540,f,(1-p)*C(T(i-j)+S(i*t/4))*1e3)

Feb 25 2020 2:29 AM UTC

}// 139/140

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

wake

u/Xen

wanna hashtag drugs and ocean but i'm behaving, love this! bottom half blended smoothly.

show FPS hide FPS share fullscreen

katkip

function u(t) {

t||(a=b=0);
x.arc(960+C(a)*b,540+S(a)*b,0,0,0)
x.stroke()
b+=1
a+=(t|0)*Math.PI/4

Feb 27 2020 3:43 PM UTC

}// 81/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

BriSeven

remix of d/17788 by u/BriSeven

function u(t) {

for(i=r=X=9e2,Y=5e2,W=(H=1e3)*4;i;i--)x.fillStyle=`hsla(${i/20+10},${i/20+20}%,50%,0.1)`,x.fillRect(X+=3*S(r+=C(Y*t*r)),Y+=3*C(r),5,5)

Feb 28 2020 3:42 AM UTC

}// 134/140

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

Sharehouse shower drain

show FPS hide FPS share fullscreen

katkip

function u(t) {

f=(x,y)=>S(C(t)*S(x/3-y/5-t)-x/5-t);c.width|=0;x.globalAlpha=.4;for(i=29;i--;)for(q=j=29;j--;)x.fillRect(460+i*q+j*9,j*17+300-f(i,j)*q,q,q)

Feb 25 2020 4:14 PM UTC

}// 139/140

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

i'm keeping up with the new trend so here's another 3d graphic

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/17694 by u/rodrigo.siqueira

function u(t) {

for(A=a=b=0,i=1e4*(t<5);i--;)a+=2*(S(t*i**7)<0)-a/2+b*S(a),b+=C(A)/2+.3-S(b/3),A=a,x.fillRect(a*422,b*630+260,.4,1)

Feb 27 2020 2:20 AM UTC

}// 115/140

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

Curly plants #growth #plant

u/katkip

#fractal

show FPS hide FPS share fullscreen

BriSeven

remix of d/17773 by u/veubeke

function u(t) {

c.width^=0
with(x)for(lineWidth=1,i=400;i--;stroke())beginPath(),setLineDash([3.14*i]),lineDashOffset=t*500*(1-i%2*2),arc(960,540,i*1,0,7)

Feb 28 2020 2:01 AM UTC

}// 138/140

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

Amazing what a couple parameter changes can do with this one!

show FPS hide FPS share 2 remixes fullscreen

BriSeven

remix of d/17745 by u/veubeke

function u(t) {

c.width^=0,x.scale(30,30);x.fill(new Path2D(`M24 8c-2-2.2-6-2-8.2.2l-.4.4-.4-.4C13 6 9 6 7 8c-2 2-2.1 5.9.2 8l8 8 8.4-8.4c2-2 2-6 .2-8z`))

Feb 26 2020 12:54 AM UTC

}// 138/140

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

SVG Path Tester