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

rikardlindstrom

function u(t) {

c.width|=0;x.translate(960,540)==0;x.fillText(0,0,0);for(i=20;i--;x.rotate(.09+t*.01))x.drawImage(c,-800+T(t)*100,-500)

Jan 17 2018 2:26 AM UTC

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

yonatan

remix of d/2643 by u/yonatan

function u(t) {

for(X=c.width=128;--X;)for(Y=74;Y;x.fillStyle=`hsl(${A=X*C(t)+Y**S(t)^Y*C(t)-X**S(t)},${A=A+t*99&63}%,${A}%`)x.fillRect(X,--Y,1,1)

Jan 12 2018 8:44 PM UTC

}// 130/140

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

10 chars left!

Show more comments…
u/sigveseb

woah this one is sick! more upvotes!
u/whackashoe

This is awesome!!!!
u/sandromiccoli

niiiice
u/iverjo

Mind blown!
u/iverjo

#rotozoom
u/joeytwiddle

#colors

show FPS hide FPS share 2 remixes fullscreen

@no_identd

remix of d/4868 by u/Pjaerr

function u(t) {

c.style.background=R();x.fillStyle=R(...[S,C,T].map(_=>127*(_(t)+1)));a=1.3324789*frame;r=8*frame**.5;x.fillRect(r*C(a)+960,r*S(a)+540,8,8)

Jan 17 2018 3:23 PM UTC

}// 139/140

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

https://link.springer.com/article/10.1007/s0… Golden *morphic* angle for circles. 76.34541 if you want degrees. Both are the best *and* shortest single float approximation respectively. The traditional golden angle of 137.50777 degree (2.3999631 radian) has its uses, but this one has a few more tricks up its sleeve.

show FPS hide FPS share fullscreen

travisdoesmath

function u(t) {

a=_=>Math.abs(_),r=500,s=9
x.globalCompositeOperation='xor'
x.beginPath()
x.arc(C(s*t)*r+860,S(s*t)*r+540,a(T(t*7)*s),0,7)
x.fill()

Jan 16 2018 12:59 AM UTC

}// 131/140

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

It's like art deco and op art happened at the same time on Gallifrey

u/Qwitter

Pretty

show FPS hide FPS share fullscreen

louisgv

function u(t) {

c.width=1920;for(i=0;i<255;i+=9){x.fillStyle=R(i*S(i),i,i*T,0.1);x.arc(i*t,i*t,i*i*t/100,0, Math.PI*2); x.fill();}

Jan 18 2018 2:50 PM UTC

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

Qwitter

function u(t) {

w=500;c.width=4*w;for(i=62;i--;x.fillRect(2*w+p*w*C(4*t+d),w+w*p*S(3*t+d),s,s) ){d=i/10;p=1/(9+8*C(5*t+d));s=p*75;x.fillStyle=R(0,s*3,s*9);}

Jan 14 2018 9:55 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/dogspace

very nice

show FPS hide FPS share fullscreen

trever

function u(t) {

c.width=1920;
for(i=1;i<28;i++){
x.fillStyle=R(100,100,i*8);
x.fillRect(i*70,(S((t*i*0.5))*190)+600,20,20);
}

Jan 16 2018 2:16 PM UTC

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

JeremyLikness

function u(t) {

c.width|=0;for(b=1e3;b--;){r=i=>i*50+550;d=r(C(b+t*2)+T(p=b/4));e=r(S(b+t/2)+T(p));x.fillStyle=R(p/2,p,b/4,0.2);x.fillRect(d,e,10,10);}

Jan 17 2018 12:00 AM UTC

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

tillsc

remix of d/6142 by u/echox

function u(t) {

e=S(t)*99;c.width=(C(t)+2)*999;x.rotate(t);x.fillStyle=R(e,e*2);for(b=-99;b<99;b+=1){for(a=-99;a<99;a+=1){x.fillRect(a*90,b*90,50,50)}}

Jan 17 2018 1:23 PM UTC

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

lithiumarium

function u(t) {

o=340
b=S(t)
x.drawImage(c,0,0,4000+b,2500+t)
for(i=4;i--;)x.fillRect(S(i/t)*o,C(t/i)*o,3+i,3+i)
x.fillStyle=R(b*150,b+t,b-t)

Jan 18 2018 1:20 PM UTC

}// 125/140

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