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

leonarven

function u(t) {

P=[k=[w=1920,h=1080],[0,h],[w/2,0]];while(w--)k=[(k[0]+(p=P[Math.round(Math.random()*2)])[0])/2,(k[1]+p[1])/2],x.fillRect(k[0],k[1],1,1)//:)

Aug 9 2017 3:42 PM UTC

}// 140/140

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

My first one, written with mobile phone only. Not really handy :)

show FPS hide FPS share 2 remixes fullscreen

artfarnaa

function u(t) {

 for (c.width|=a=12;--a;x.arc(960+S(G+t)*400,
 540+C(t+G*1)*400,a%2*137*Math.abs(S(t))*4,0,
 6.2832))x.moveTo(G=a/2|0,0)
 x.fill('evenodd')

Aug 8 2017 1:22 AM UTC

}// 139/140

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

u/donbright

great use of evenodd

show FPS hide FPS share fullscreen

Xen

remix of d/3044 by u/rybar

function u(t) {

for(i=1e3;i--;x.fillRect(i%X*X,i/X*X,X,X))x.fillStyle=R(X=80,255*S(i/t),255*C(i/t))

Aug 9 2017 8:59 PM UTC

}// 83/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 fullscreen

leonarven

remix of d/2726 by u/unwiredben

function u(t) {

x.fillStyle=R((a=t*60|0)%255),
x.font="80px courier",
x.fillText('\\/'[Math.random()*2&1],a%52*36,((a/52)|0)%18*60+60)

Aug 9 2017 8:31 PM UTC

}// 118/140

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

Just for exercise

show FPS hide FPS share 2 remixes fullscreen

yokljo

function u(t) {

x.globalAlpha=.05
x.fillRect(0,0,2e3,2e3)
x.save()
x.rotate(S(t*2)*.2)
x.clearRect(S(t)*700+900,C(t*5.2)*100+400,200,200)
x.restore()

Aug 7 2017 1:00 PM UTC

}// 133/140

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

u/joeytwiddle

Cute motion!
u/danni

The ghost of Windows past
u/PiggyClone205

Very reminiscent of the PS2 browser.

show FPS hide FPS share 1 remix fullscreen

cantelope

remix of d/3028 by u/cantelope

function u(t) {

for(x.fillRect(0,0,2e3,2e3),W=960,j=99;--j;)for(i=9;i--;x.clearRect(W+S(p=.7*i+j/4-6.03*V)/Z*W-Z*9,540+C(p)/Z*W,s=99/Z,s))Z=j-t*6+(V=t*6|0)

Aug 7 2017 3:56 AM UTC

}// 139/140

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

change C(p) to C(i) for kicks

u/New_Core

try this... for(x.fillRect(0,0,2e3,2e3),Z=V=W=960,j=950;--j;Z=j%98-t*6+(V=t*6|0))x.clearRect(W+S(p=t+j/4-6.03*V)/Z*W-Z*9,540+C(p)/Z*W,s=99/Z,s)

show FPS hide FPS share fullscreen

xiho

remix of d/3036 by u/artfarnaa

function u(t) {

 for (c.width|=a=100;--a;x.arc(960-S(G+t)*200,
 540+C(t+G)*400,Math.abs(S(t))+50,0,
 1))x.moveTo(G=a/5|960,540)
 x.fill('evenodd')

Aug 8 2017 10:01 AM UTC

}// 130/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 fullscreen

yokljo

remix of d/3040 by u/Xen

function u(t) {

c.width=99;for(i=2e2;i--;x.fillStyle=R(i*S(t)*5,i))x.fillRect(40+T(i+t*5)*10,30+S(i+t*5)*8,X=C(t*2+i)*4,X/2),x.fillText('ylophone',55,33)

Aug 9 2017 2:52 PM UTC

}// 137/140

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

u/Xen

I approve! :D lol

show FPS hide FPS share fullscreen

kchplr

remix of d/2938 by u/kchplr

function u(t) {

for(c.style='image-rendering:pixelated',c.width=i=130;i--;)for(j=70;j--;)x.fillRect(i,j,1,C(i*i*j*j*8+frame*8&768)<0)

Aug 9 2017 11:11 AM UTC

}// 117/140

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

Same as the original but with c.style='image-rendering:pixelated' to look better and the same size

show FPS hide FPS share fullscreen

cantelope

function u(t) {

for(V=(c.width=1e3)/2,H=j=99;j--;x.stroke())for(x.beginPath(),i=H,Z=i-j;i--;x.lineTo(V+X/Z*V,(S(i/5+C(t)*4)*C(j/9-t*7)*j/9+30)/Z*V))X=H-i*2

Aug 6 2017 6:10 AM UTC

}// 139/140

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

mostly what i was going for... not exactly.

u/joeytwiddle

smooth