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 2 remixes fullscreen

sChiab8

function u(t) {

w=c.width=1920 
for(i=0;i<(t*20%400);i++){
x.fillRect(w/2+C(i+t)*i,c.height/2+C(i)*i,10,10);}

Sep 18 2018 3:19 PM UTC

}// 94/140

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

galaxy o coso

show FPS hide FPS share 1 remix fullscreen

MoleGaming

function u(t) {

x.fillStyle=R(S(frame/50)*192+128,S(frame/50+2*Math.PI/3)*192+128,S(frame/50+4*Math.PI/3)*192+128)
x.fillRect(0,0,1920,1)
x.drawImage(c,0,1)

Sep 19 2018 3: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).

First Dweet, prety simple compared to some of the amazing things I've seen so far!

show FPS hide FPS share 1 remix fullscreen

anotherkitten

function u(t) {

c.style.background=R()
x.fillStyle=`hsla(${280+frame*1.3},66%,50%,10%)`;
x.fillRect(940,520,40,40);
x.drawImage(c,C(t)-4,S(t)-2,1928,1084);

Sep 18 2018 3:09 AM UTC

}// 139/140

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

deep spiral

show FPS hide FPS share fullscreen

Xen

function u(t) {

for(c.width|=i=9;i--;x.strokeRect(400+i*100+C(t)*300,400,50,200))x.fillRect(400+i*100+C(t)*300,400+T(i+t*i)*(t*9%199),50,200)

Sep 19 2018 4:21 PM UTC

}// 125/140

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

u/f8f82804

Nice! #default

show FPS hide FPS share fullscreen

robbyg

remix of d/9917 by u/THORinHOOD

function u(t) {

c.width=q=1920;for(i=q;i-=16;)x.fillStyle=`hsl(${C(t+i)*360},80%,70%`,x.fillRect(0,i,k=Math.abs(S(t)*q),8),x.fillRect(q-k,i+8,q,8)

Sep 18 2018 7:37 PM UTC

}// 130/140

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

Now with rainbow!

u/Xen

nice style

show FPS hide FPS share fullscreen

BirdsTweetCodersDweet

function u(t) {

// 10001 dweet! Woo!

Sep 21 2018 2:48 PM UTC

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

function u(t) {

for(c.width|=i=2e3;i--;x.rotate(S(i+t)/1e2))x.fillRect(i*79%2e3,i/2|0,15,39)

Sep 19 2018 11:43 PM UTC

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

SodaPOP

remix of d/9984 by u/New_Core

function u(t) {

x.fillRect(0,0,d=2e3,d)
for(i=300;i--;x.fillRect(960+(b=t*i%1e3)/C(a-t),t*9+b*S(a+t),9,9))x.fillStyle=`hsla(${a=d*T(i*1e3)},99%,${i%40}%,.9`

Sep 21 2018 1:43 PM UTC

}// 140/140

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

someone who's smarter than me should make this into something walking

show FPS hide FPS share fullscreen

SodaPOP

remix of d/9994 by u/SodaPOP

function u(t) {

t?a+=S(t):a=1;x.fillStyle=`hsla(${t*200},100%,50%,0.1)`;x.drawImage(c,C(a)*8,S(a)*16);x.font="300px s";x.fillText("BODY ONCE",300,650)

Sep 21 2018 1:37 PM 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

SodaPOP

remix of d/7506 by u/fervour

function u(t) {

t?a+=S(t):a=1;x.fillStyle=`hsla(${t*200},100%,50%,0.1)`;x.drawImage(c,C(a)*8,S(a)*16);x.font="300px s";x.fillText("some",300,650)

Sep 21 2018 1:37 PM UTC

}// 129/140

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