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

Xen

remix of d/8894 by u/acorv

function u(t) {

for(i=13;i--;x.beginPath())x.fillStyle=`hsl(${t*99+i*9},79%,${i*5-6}%)`,x.fill(x.arc(960+S(5*t+i/7)*200,540+C(4*t+i/4)*200,i*99,0,9))

Jul 19 2018 4:51 PM UTC

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

acorv

function u(t) {

c.width=1920;for(i=260;i>=0;i-=20){x.beginPath();r=i+(t*6)%20;x.fillStyle=R(r);x.arc(960+S(r/3)*200,540+C(r/3)*200,r*5,0,7);x.fill();}

Jul 19 2018 3:10 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 1 remix fullscreen

Xen

function u(t) {

for(c.width|=i=99;i--;x.arc(1e3+C(t*i/59)*9,500+S(i*t/69)*9,i*(7+C(t)),0,t))x.beginPath(x.stroke())

Jul 20 2018 7:14 PM UTC

}// 99/140

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

B&W Psychedelic

u/DataMeta

Viiibes

show FPS hide FPS share 2 remixes fullscreen

DataMeta

function u(t) {

for(i=108;i--;)j=C(t-i)*4*i,k=Math.log(i*i)*i,x.setTransform(k,0,0,k,960,540),x.rotate(i^t|i),x.fillStyle=R(j*3,i*2,i-j),x.fillRect(0,0,1,1)

Jul 19 2018 11:30 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/Xen

nice style
u/DataMeta

j=C(i-frame)*t for 'turbo' mode, j=C(i-frame)*i for Xen ;) photosensitivity warning for the latter]
u/DataMeta

tabbed into wrong field, accidental comment ^

show FPS hide FPS share fullscreen

acorv

function u(t) {

c.width=400;for(i=50;i<180;i+=3){s=(t+i)*2;x.beginPath();x.fillStyle=R(i);x.arc((s*i)%500-50,200+(C(s+1.6)>0?1:-1)*S(s)*i,i/9,0,7);x.fill()}

Jul 18 2018 6:25 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/iverjo

#dots
u/joeytwiddle

#bounce

show FPS hide FPS share fullscreen

atgz

remix of d/3202 by u/Starchaser

function u(t) {

c.width=1920;for(i=20;i--;){x.setTransform(1,0,0,1,960,540);x.fillStyle="tan",x.rotate(3.46/10*i-t);x.fillRect(-12,150+T(t+++i*3)*25,24,85)}

Jul 18 2018 8:19 AM UTC

}// 140/140

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

u/loni_art

funky
u/aleamb

cool!
u/stiaje

nice loading animation!

show FPS hide FPS share 1 remix fullscreen

metaphornado

function u(t) {

c.width=1920;
for(i=0;i<90;i+=1){
r=i*180/Math.PI
x.fillStyle=R(255*C(r),255*T(r),255*S(r))
x.fillRect(i*55,400+i*5*C(t*i+5),50,200)
}

Jul 19 2018 4:07 PM UTC

}// 134/140

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

u/micahcowan

#default

show FPS hide FPS share fullscreen

Xen

remix of d/8904 by u/robbyg

function u(t) {

s=44;for(i=1100;i--;)x.fillStyle=R(r=(T(i<<t*t)+1)*128,r,r,.03),x.fillRect(i%s*s,(i/s|0)*s,s,s)

Jul 20 2018 4:07 PM UTC

}// 95/140

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

#pixel #texture

show FPS hide FPS share 2 remixes fullscreen

atgz

remix of d/8878 by u/atgz

function u(t) {

for(c.width|=i=256;i--;)x.fillStyle=R(S(t/1.5)*255,S(t*3.14-i)*255,3e4/i),x.fillRect(960+2*i*C(t--+i*.979),512+S(t---i-t)*i*2,i/9,i/9)

Jul 18 2018 8:43 PM UTC

}// 135/140

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

you can reverse the direction of rotation just by thinking about it

u/metaphornado

I reversed one of the legs but the rest kept going please send help

show FPS hide FPS share 1 remix fullscreen

robbyg

function u(t) {

s=44;for(i=1100;i--;)x.fillStyle=R(r=(T(i<<t*5)+1)*128,r,r),x.fillRect(i%s*s,(i/s|0)*s,s,s)

Jul 19 2018 5:25 PM UTC

}// 91/140

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