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

danr

remix of d/4267 by u/danr

function u(t) {

w=2e3;for(c.width=i=w;i>=0;i-=9)for(j=0;j<2e3;j+=10){i2=i-w/2;j2=j-540
d=Math.sqrt(i2*i2*+j2*j2)/6
o=9+C(d-t*5)*5
x.fillRect(i,j,o,o)}

Dec 28 2017 3:07 AM UTC

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

danr

remix of d/4260 by u/danr

function u(t) {

w=2e3;for(c.width=i=w;i>=0;i-=22)for(j=0;j<2e3;j+=10){i2=i-w/2;j2=j-540
d=Math.sqrt(i2*i2+j2*j2)/6
o=9+C(d-t*5)*5
x.fillRect(i,j,o,o)}

Dec 28 2017 3:04 AM UTC

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

indjev99

function u(t) {

for(i=-48;i<48;i++){for(j=-27;j<27;j++){d=64*(S(i*t/2)+C(j*t/2)+2);x.fillStyle=R(d,d,d);x.fillRect((48+i)*20,(27+j)*20,20,20);}}

Dec 28 2017 2:58 AM UTC

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

human

function u(t) {

c.width=1920;
for(i=0;i<180;i++){
x.fillStyle=R(i*2,255,255-i*3)
x.fillRect(i*25, 540, 20, S((t+i)*3)*300)
}

Dec 27 2017 12:52 PM UTC

}// 108/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 2 remixes fullscreen

Exquisite

function u(t) {

q=18;c.width=1920;for(i=1;i<500;i++){x.fillStyle=`hsl(${t*i*0.1},70%,50%)`;x.fillRect(940+S(i+t)*i,540+C(i+t)*i,q,q);}

Dec 28 2017 2:38 AM UTC

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

f0rkbm

function u(t) {

c.width^=0;for(j=12;--j;)for(i=32;--i;x.fillRect(i*64-128+14*C(t*3*C(i*j*3)),j*100-99+8*C(t*3*C(j*4)),100,100))x.fillStyle=R(j*i*i/j,0,j*20)

Dec 28 2017 2:35 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 1 remix fullscreen

ebiester

function u(t) {

c.width=w=2E3
n=10
s=S(t/1.5)*n*2
x.translate(w/2,w/4)
for(i=0;i<25;i++)for(j=0;j<n;j++){
x.fillRect(i*s,j*s,i,j)
x.rotate(t/40)}

Dec 28 2017 2:31 AM UTC

}// 129/140

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

Augh - trying to fit x.fillStyle=R(i*n,j*n,i*j) in there but can't figure out where to cut.

show FPS hide FPS share fullscreen

tinfoilboy

function u(t) {

s=120;for(i=0;i<2;i++){p=i+1;c=(p*75)*S(t);x.fillStyle=R(255-c,-c,0);x.fillRect((1920/2)-s+(i*s*2),(1080/2)-S(p*t),s*S(t*t/C(t)),s*C(p*t));}

Dec 28 2017 2:21 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

CliffJonesJr

function u(t) {

c.width=48
for(i=0;i++<48;)
for(j=0;j++<27;){
x.fillStyle=R(C(t*(i-j)+i)*140,C(t*t*(j-i)+j)*180,(2-S(t*t*t*(i+j)))*99)
x.fillRect(i,j,1,1)
}

Dec 29 2017 2:10 AM UTC

}// 140/140

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

Automatic headache generator.

show FPS hide FPS share 1 remix fullscreen

eskimofo

remix of d/4574 by u/eskimofo

function u(t) {

c.width|=0;r=400
for(i=0;i++<1e3;){y=i*2*Math.PI/(Math.floor(t/2)+2%10)
x.lineTo(960+r*C(y-t),560+r*S(y+t))}x.stroke()

Dec 29 2017 2:05 AM UTC

}// 119/140

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