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

taupelink

remix of d/21950 by u/taupelink

function u(t) {

for(i=k=35;--i;x.fillRect(k*X,k*Y,w=i/t,w))f=i*t,X=f*f%60,Y=X*f%k,x.fillStyle=`hsl(${h=i*(X/7-4)*(7-Y/7)},${50+k*C(X*Y)}%,${99*S(h)*S(X)}%)`

Mar 15 2021 2:05 AM UTC

}// 140/140

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

d/21971

show FPS hide FPS share fullscreen

Xen

remix of d/21968 by u/sasaso7

function u(t) {

for(i=3e3;i--;x.fillRect(X*31,Y*30,25,25))x.fillStyle=R(r=t*t/+C((X=i%64)/3)*C((Y=i>>6)/3+t+S(X/9-t*9))*25,r/9,r,.01)

Mar 15 2021 12:22 AM UTC

}// 117/140

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

[Z]one

show FPS hide FPS share fullscreen

magna

remix of d/21896 by u/Xen

function u(t) {

c.width=w=96
for(i=6e3;i--;)x.fillRect(X=i%w,Y=i/w,L=T(Y+t*w^X),.1)
for(i=2+(T(L+t)<9);i--;)x.drawImage(c,I=i*3,I,96-I*2,62-I*2,0,0,96,62)

Mar 12 2021 6:15 AM UTC

}// 138/140

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

Flying through a stormy sky

u/Xen

love it
u/tomxor

Wow, looks like volumetric 3D #clouds !

show FPS hide FPS share 2 remixes fullscreen

magna

remix of d/10317 by u/magna

function u(t) {

for(c.width|=i=9,Z=1,A=0;i--;x.fillRect(-560+i*100+S(t)*300,-140,50,200))x.setTransform(k=C(A)*Z,z=S(A)*Z,-z,k,960,540)

Mar 14 2021 8:46 PM UTC

}// 119/140

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

#default with transformation matrix setup. Z is zoom factor, A is rotation angle.

show FPS hide FPS share fullscreen

kian

remix of d/21920 by u/kian

function u(t) {

for(i=0;i<44*(t%9);i++){x.fillStyle=R(S(t)*70,T(i)*42,C(t)*10,0.045);s=t%4.735*100;x.fillRect(960+S(t/10+i)*(C(i/t)*s),540+C(t/4+i)*s,7,7)
}

Mar 13 2021 8:31 PM UTC

}// 140/140

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

hour glass

show FPS hide FPS share 2 remixes fullscreen

and3k5

function u(t) {

i=(t*500)%255
x.fillStyle=R(i/3,i/2,i)
x.fillRect(1912,532+C(t)*532,9,9)
d=c.width/c.height
x.drawImage(c,-12*d,-4,c.width+8*d,c.height+8)

Mar 12 2021 12:40 PM UTC

}// 138/140

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

no idea what this is

u/magna

It's very cool, is what it is. Nicely done! New rendering techniques give rise to fun remixes!

show FPS hide FPS share fullscreen

kian

remix of d/21939 by u/New_Core

function u(t) {

with(x)for(i=255,drawImage(c,-5,0,1930,1085);i--;clearRect(X,Y,9,-5))fillStyle=`hsl(${i*6},99%,60%)`,fillRect(X=i*6,Y=400+100*T(t+i/40),5,1)

Mar 13 2021 2: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).

rainbow stairs

show FPS hide FPS share fullscreen

danny@hille.dk

remix of d/21935 by u/KilledByAPixel

function u(t) {

for(i=2e3,c.width=w=60;i--;)x.fillRect(X=i%w,Y=i/w|0,T(Y&X+t*w*Y/9)/9,4)

Mar 13 2021 1:51 PM UTC

}// 72/140

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

suburban remix :-)

show FPS hide FPS share fullscreen

kian

remix of d/5841 by u/sandromiccoli

function u(t) {

c.width=2e3;x.fillRect(0,0,2e4,2e5);for(i=8e3;i--;){x.fillStyle=`#db0`;x.fillRect(990+S(i*1)*C(t/i*6)*850,580+S(i*2)*~T(t+i)*490,4,5)}

Mar 13 2021 8:36 PM UTC

}// 134/140

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

hour glass

show FPS hide FPS share 1 remix fullscreen

Ulla62

remix of d/21914 by u/and3k5

function u(t) {

i=(t*500)%45
x.fillStyle=R(i/9,i/2,i*4)
x.fillRect(1912,532+C(t)*532,9,9)
d=c.height/c.width
x.drawImage(c,-12*d,-4,c.width+8*d,c.height+8)

Mar 14 2021 10:36 AM UTC

}// 139/140

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

u/kian

Uh, another possible Emil! Also, sweet
u/Ulla62

Hehe thx Kian, skulle bare lige lege lidt og lærer principperne, ser ud til du har fået godt styr på det :-D