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

recursive

function u(t) {

for(X=0;X<2e3;X+=64)for(Y=0;Y<2e3;Y+=64)x.fillStyle=R(d=300-((Y-540-200*C(t))**2+(X-960-200*S(t))**2)/2e3,d-64,d+128),x.fillRect(X,Y,64,64)

Feb 22 2017 5:54 PM UTC

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

shu

function u(t) {

c.style.background='#000';c.width=i=1920;for(x.fillStyle='#0F0';i;){x.beginPath();for(j=3;j--;i--)x.lineTo(i,S(i%99*i+t)*540+540);x.fill()}

Feb 24 2017 2:59 PM UTC

}// 139/140

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

Matrix Rain

u/iverjo

#matrix

show FPS hide FPS share fullscreen

Kalanchoe

function u(t) {

θ=c.width=1e3;x.strokeStyle='#4f5';r=(17+S(t)/157)/7;p=(θ,F)=>190*(F(θ)-F(θ*r)/r);while(θ>0)x.lineTo(p(θ-=.1,C)+500,p(θ,S)+281);x.stroke()

Feb 22 2017 12:40 AM UTC

}// 138/140

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

Homestuck!

u/Kalanchoe

Also, shout-out to Hacker News.

show FPS hide FPS share fullscreen

mrknip

function u(t) {

c.width=450;x.font='70px serif';a=Math.floor(10*t),q='';if(a%3==0)q+='fizz';if(a%5==0)q+='buzz';x.fillText(q||a,100,100);

Feb 24 2017 2:03 PM UTC

}// 121/140

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

u/donbright

lol

show FPS hide FPS share fullscreen

scottglz

function u(t) {

x.transform(1.01,-.001,.001, 1.01,-.5,-.5);b=(S(t*4)*50)+99; x.fillStyle=R(b,b,b);(''+u).split(' ').forEach((v,i)=>x.fillText(v,16,58+i*10))

Feb 24 2017 11:53 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/Lazy1337

#quine

show FPS hide FPS share fullscreen

Niklas

function u(t) {

for(c.width|=0,e=960,f=540,r=260,i=r+1;i--;)a=.02417*i+t,g=S(t)*r,h=C(t)*r,x.lineTo(e+g+C(a)*r,f+h+S(a)*r),i%2&&x.lineTo(e+h,f+g);x.stroke()

Feb 24 2017 1:16 PM 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

gormisdomai

function u(t) {

c.width=1920;
for(i=0;i<200;i++)
x.fillRect(950+T(t+i)*200, 0, 5, 2000)

Feb 24 2017 1:16 PM UTC

}// 71/140

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

"Dislocation #1"

show FPS hide FPS share fullscreen

SpecialAgent

function u(t) {

Z=z=>x.fillStyle=z;Z(R(0,0,0,0.1));x.fillRect(0,0,1920,1080);Z(R(0,128,0));x.font='999px a';x.fillText('☢',690, 860+200*S(t));

Feb 24 2017 12:52 PM UTC

}// 127/140

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

u/5Mixer

Nice trail, makes it looks like it almost has a radioactive glow :P
u/d0n.key

Please center it next time :'(

show FPS hide FPS share fullscreen

antonio

remix of d/123 by u/icecuber

function u(t) {

t?i++:i=0;for(j=1e3;j--;){a=b=0;k=50;for(;k--&&a*a+b*b<5;)c=a*a-b*b+i/420-2.5,b=2*a*b+j/420-1.2,a=c;l=k/8;x.fillRect(i,j,1,l-Math.floor(l))}

Feb 23 2017 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).

show FPS hide FPS share fullscreen

SpecialAgent

function u(t) {

for(i=0;i<120;i++)x.fillStyle=R(0, S(t+(i*3))*255, 0),x.fillRect(i*16,0,16,1080)

Feb 24 2017 12:19 PM UTC

}// 80/140

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