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 1 remix fullscreen

chet

function u(t) {

c.width=i=255;a=(z,Y)=>{for(X=25;X--;){x.fillStyle=R(i-9*X);x.fillRect(X+z+i/2,Y,1,i)}};for(Y=i;Y>179;Y--)a(C(-8*t+Y*.1)*Y*.4,i-Y)

Jul 25 2016 2:12 PM 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

iverjo

function u(t) {

for(i=8e3;i--;)s=149/(i+99),c=S(8e4*s),x.fillStyle=R(9,99+49*c,29),x.fillRect(2e3*(T(i/9)+s*t)%2e3,2e3*s,99*s,99*s)

Jul 22 2016 11:39 PM UTC

}// 115/140

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

#grass

show FPS hide FPS share fullscreen

gobelpepitai

function u(t) {

x.fillStyle=R(0,99,255);x.fillRect(0,0,1920,1080);for(i=54;i--;){x.fillStyle=R();x.fillRect((t*i*20)%1920,i*20+10*S(i*t%(Math.PI*2)),20,20)}

Jul 24 2016 11:58 AM UTC

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

3bl3gamer

remix of d/342 by u/iverjo

function u(t) {

x.fillRect(0,87,c.width=300,3);x.font='49px A';for(i=7;i--;)x.fillText(String.fromCodePoint(128669-(i?0:27)),q=310-t%4*210+i*46,90+S(q/15))

Jul 23 2016 8: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).

A bit modified iverjo's Choo choo: http://dweet.dwitter.net/id/342?autoplay=1

u/iverjo

Nice ^^ I like how you used fromCodePoint instead of fromCharCode to shave bytes. Btw, you can replace (i?0:27) with !i*27 to make the code even shorter
u/sigveseb

for..of can make this quite a bit shorter! x.fillRect(i=0,87,W=c.width=310,3);x.font='49px A';for(a of'🚂🚃🚃🚃🚃🚃🚃')x.fillText(a,q=W-t%4*W+i++*46,90+S(q/15))
u/iverjo

stiaje tried to create a dweet with unicode characters in the code, and it didn't work.. why does it work now? :D
u/iverjo

Maybe it was a problem with base64 encoding/decoding @ arkt.is/t/
u/iverjo

#train

show FPS hide FPS share fullscreen

iverjo

function u(t) {

r=Math.random;if(t<22)for(i=8e3;i--;)X=2e3*r(),x.fillStyle=R(c=99+129*(S(X/399)+1)*r(),c,c),x.fillRect(X,1080*r(),3*T(i)*r(),r()/(t/2+1))

Jul 22 2016 12:45 PM UTC

}// 137/140

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

Brushed aluminium

u/greentec

metal! yeah
u/sigveseb

Now do rock :D
u/sigveseb

\m/
u/iverjo

#texture

show FPS hide FPS share 1 remix fullscreen

iverjo

remix of d/286 by u/iverjo

function u(t) {

t=t%4;if(t<.1)r=X=Y=0,W=c.width=960,H=540;for(i=W*4;i--;)x.fillRect(X=(X+S(r+=.5-Math.random())%W+W)%W,Y=(Y+C(r)%H+H)%H,A=5/(1+t*9),A)

Jul 21 2016 1:21 PM UTC

}// 134/140

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

u/sigveseb

almost looks like a map!
u/joeytwiddle

Whoa! When I was younger I used to have nightmares about this damn thing. I would clean it all away but then it would come creeping back. Weird that you found it in 2016!
u/iverjo

#random

show FPS hide FPS share fullscreen

iverjo

function u(t) {

w=c.height=1e3;n=99;for(i=n;i--;)s=n/(i*6+n),x.font=s*n+'px A',x.fillText(String.fromCharCode(10052),w+1100*S(s*w*2+t/59),w*(T(i)+s*t)%1200)

Jul 22 2016 3:48 PM UTC

}// 140/140

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

u/donbright

oh this is excellent
u/donbright

you can golf this by using fillText('❄',....
u/iverjo

#snow

show FPS hide FPS share fullscreen

3bl3gamer

function u(t) {

c.width=1e3;x.font='30pt Arial';for(i=200;i--;)x.fillText(c[i],i*5,x[i]),!x[i]--&&(c[i]=String.fromCodePoint(128267+i),x[i]=600+(i*i*i)%598)

Jul 22 2016 1:13 AM UTC

}// 140/140

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

u/sigveseb

So many unimplemented emojis on Android!

show FPS hide FPS share fullscreen

maraoz

remix of d/357 by u/maraoz

function u(t) {

c.width=1920;m=t/10;s=Math.sqrt;function f(y){return S(y*m)};for(i=0;i<400;i++){x.fillRect(i*5,540*(1+f(i)),S(i/400+m)*100,S(i/400-m)*100)};

Jul 24 2016 4:42 AM UTC

}// 140/140

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

u/BuRRak

s is not used

show FPS hide FPS share 1 remix fullscreen

iverjo

function u(t) {

w=c.width=300;x.fillRect(0,87,w,3);x.font='49px A';for(i=7;i--;)x.fillText(String.fromCharCode(55357,56989-(i?0:27)),310-t%4*210+i*46,90)

Jul 22 2016 8:54 PM UTC

}// 137/140

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

Choo choo

u/sigveseb

Looks very different on different platforms, but hella creative! Nice ^^
u/iverjo

Yeah, it seems that it works correctly only in FF, Opera and Chrome on Windows. Thanks :)
u/iverjo

#train