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

magna

function u(t) {

x.fillStyle='#333'
x.fillRect(0,0,2e3,2e3)
x.fillStyle='#fff'
x.font='3em Arial'
x.fillText('Harm to Ongoing Matter',9,45)

Apr 20 2019 4:38 PM UTC

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

SuperMayo

function u(t) {

r=Math.random;for(i=1;i<200;i++)x.fillRect(900+C(r()+t)*1000,r()*1200,r()*100,2),x.fillStyle=R(125+125*S(t),125-125*C(t*r()),125+125*C(t))

Apr 17 2019 1:31 PM UTC

}// 138/140

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

My first dwitt !

show FPS hide FPS share fullscreen

vinca

function u(t) {

for(c.width|=i=9;i--;)for(j=a=6.3;j>0;j-=a/(3+2*C(t)))x.beginPath(),x.arc(1e3+99*i*C(t+j),540+60*i*S(t+j),i%5*19,0,a),x.closePath(),x.fill()

Apr 19 2019 12:23 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

SuperMayo

remix of d/13296 by u/SuperMayo

function u(t) {

for(c.width|=i=500;i--;x.beginPath())x.arc(999+i*S(i+C(t+i/4)),540+i*C(t+i),C(i/88+S(i/9+7*S(t)))*9+9,1,6),x.fill(),x.fillStyle=R(T(i)*99);

Apr 18 2019 9:53 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 fullscreen

bandaloo

function u(t) {

w=1920;h=1080;c.width=w;for(i=0;i<w;i+=24){for(j=0;j<h;j+=24){x.fillRect(i,j,6*(4+C(C(t)*i/100)+S(C(t)*j/100)),24);}}

Apr 20 2019 2:57 AM UTC

}// 117/140

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

zooming diamonds

show FPS hide FPS share fullscreen

katkip

function u(t) {

c.width*=1;t||(W=1);for(i=192;i--;)W+=l=C(i/9-C(W)*i/9),x.fillRect(i*10,540-l*90,10,10)

Apr 18 2019 12:35 PM UTC

}// 87/140

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

bifurcation

show FPS hide FPS share fullscreen

Xen

remix of d/13283 by u/SuperMayo

function u(t) {

t?i=1e3:X=Y=3;for(;i--;x.fillRect(999+X*400,540+Y*230,.4,.2))X=S(Y*4)+3*S(X*4),Y=S(X*4)+S(Y*2)

Apr 17 2019 6:05 PM UTC

}// 94/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 5 remixes fullscreen

KilledByAPixel

function u(t) {

for(x.fillRect(0,0,i=F=2e3,F);i--;)x.clearRect((S(i)*1e9-t*i/9)%F,i*9%F,j=i%7,j)

Apr 17 2019 5:42 AM UTC

}// 80/140

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

2D #Starfield golfed down to 80 bytes!

u/KilledByAPixel

Reposted to fix issue where it would slow down over time. (It still does but it takes MUCH longer.)

show FPS hide FPS share fullscreen

SuperMayo

remix of d/13282 by u/SuperMayo

function u(t) {

r=Math.random;for(i=1;i<1e3;i++)x.fillRect(1.3*S(r()+t)*999,r()*999,r()*99,3),x.rotate(3),x.fillStyle=R(99+99*S(t),99+99*C(t*r()),140*r())

Apr 18 2019 8:30 AM UTC

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

katkip

remix of d/13245 by u/katkip

function u(t) {

c.width+=0;x.translate(960,540);x.globalAlpha=.02;for(r=4;r<1000;r+=5)x.fillRect(-r/2,-390+r/2,10+r,r/4),x.rotate(C(t*4+r/199)/199)

Apr 15 2019 11:56 AM UTC

}// 131/140

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

u/Jezza

Nice!