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

JeremyLikness

function u(t) {

c.width|=0;for(i=120;i--;){p=q=1;for(j=30;j--;)p+=q,q=t/3,x.fillStyle=R(S(j)*255,C(j)*255,j*16,0.1),x.fillRect((j*p*10+i)%2e3,i+200,5,600);}

Dec 29 2017 9:20 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

doof

remix of d/3899 by u/doof

function u(t) {

c.width^=0
x.translate(960,540)
x.beginPath()
for(i=5;i-->0;x.rotate(t),x.arc(S(t)*200,0,300,0,7));
x.fill('evenodd')

Dec 27 2017 7:17 AM UTC

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

eskimofo

remix of d/4304 by u/eskimofo

function u(t) {

c.width|=0;r=400
for(i=0;i<t;i++){m=S(4*t+i)*100;y=1+i*2*Math.PI/t
x.fillStyle=R(m+125,-m+125,150)
x.fillRect(960+r*C(y),560+r*S(y),50,50)}

Dec 28 2017 7: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).

show FPS hide FPS share fullscreen

trabbt

function u(t) {

for(c.width=980,i=0;i<16;i++)for(j=0;j<9;j++)x.fillStyle=R(50*(14-i),40*i,10*i,.2),b=i+j-9,d=b*T(t+j)*40,x.fillRect(430+50*b,300-2*d,40,d);

Dec 27 2017 1:22 PM UTC

}// 139/140

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

u/iverjo

Playful
u/iverjo

I like the colors

show FPS hide FPS share fullscreen

ADESONOM

function u(t) {

c.width=1920;m=40;for(i=-1;i<50;i++)for(j=-1; j<50;j++){s=S(t*1.25+i/10);x.fillRect(i*m, j*m, s*m, s*m);n=(s+1)/2*255;x.fillStyle=R(n,n,n)}

Dec 28 2017 9:05 PM UTC

}// 139/140

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

Waves

show FPS hide FPS share fullscreen

tjl

function u(t) {

x.globalAlpha=0.5;x.fillStyle='pink';x.fillText(x.filter='blur(2px)saturate(130%)hue-rotate(14deg)contrast(95%)',1e3,9);x.drawImage(c,0,0);

Dec 29 2017 9:05 PM UTC

}// 139/140

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

N.B. Results vary between browsers. Works on Linux Chrome and Firefox but a little differently

show FPS hide FPS share 1 remix fullscreen

ThirdEstate

function u(t) {

c.width=1920;x.fillRect(0,0,1e4,1e4);for(i=0;i<9e2;i++){x.fillStyle=R(200+90*S(i),0,90);x.fillRect(640+T(t+i)*3e2,540+S(i)*540,5.5e2,12)};

Dec 27 2017 8:39 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

nic

remix of d/4509 by u/ben

function u(t) {

c.width=500
function v(a,g){if(g>1){x.beginPath();n=g*C(t)
x.moveTo(a+n,g);x.lineTo(a,g*2);x.lineTo(a-n,g);x.stroke()
v(a-n,g/2)}}v(250,125)

Dec 29 2017 8:21 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

xav

function u(t) {

s=Math.ceil(C(t)*480)+500;for(i=0;i<1920;i+=s){for(j=0;j<1080;j+=s){x.fillStyle=R(i/7.53,j/4.23,(i+j)/11.76-t);x.fillRect(i,j,s,s)}}

Dec 27 2017 9:14 AM UTC

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

Xen

remix of d/4132 by u/bkardon

function u(t) {

for(X=k=199;k--;x.fillRect(r*C(t-k)+960,r*S(t-k)+540,9,9))r=t*X*2%1e3,x.fillStyle=R(k,X*C(t*k/X)%X,X*S(t*9),.1)

Dec 27 2017 8:12 PM UTC

}// 111/140

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

u/bkardon

Nice remix!
u/Xen

thank you, 15seconds+ to kick in, i always do slow ones :-P