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

NoahPeeters

function u(t) {

c.width=1920
for(i=0;i<1000;i++){l=i/30*10*S(t*10)*(t/3+0.5)*3
a=(i%30)*0.2094395067+t*t
x.fillRect(960+S(a)*l,540+C(a)*l,20,20)
}

Jan 2 2018 10:11 PM UTC

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

eviltoad

remix of d/5419 by u/eviltoad

function u(t) {

t||(a=s=1);f=(n)=>n<0|n>1080?s*=-1:x.fillRect(0,a=n,1920,1);
c=_=>R(a*S(t/.1),a*C(t+.5),a*S(t+.6))
x.fillStyle=c(t);
f(a+s);

Jan 3 2018 10:10 PM UTC

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

ADESONOM

function u(t) {

for(i=100;i--;x.fillStyle=`hsla(${i*t*10},90%,50%,.25)`)x.fillRect(i*50+S(T(t+i/10))*500, -100,50,1200)

Jan 1 2018 9:56 PM UTC

}// 103/140

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

I don't even know how I reached this point.

show FPS hide FPS share 1 remix fullscreen

eviltoad

remix of d/5418 by u/eviltoad

function u(t) {

s=1;m=255;f=(n)=>n<=0?s*=-1:x.fillRect(0,n,1920,1);
c=_=>R(m*S(t/2),m*C(t*13+.2),m*S(t+(1.7+S(t*17+.51))))
x.fillStyle=c(t);
f(1080-s*60*t);

Jan 3 2018 9: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).

show FPS hide FPS share 1 remix fullscreen

eviltoad

remix of d/5389 by u/eviltoad

function u(t) {

s=1;m=255;f=(n)=>n<=0?s*=-1:x.fillRect(0,n,1920,1);
c=_=>R(m*S(t),m*C(t+.3),m*S(t+(1.7+T(t+.51))))
x.fillStyle=c(t);
f(1080-s*60*t);

Jan 3 2018 9:23 PM 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

quuxman

remix of d/5210 by u/satinxs

function u(t) {

f=frame;
s=v=>f<<v&255;
x.fillStyle=R(s(0),s(2),s(4),255);
for(i=0;i<t;i+=.01)
x.fillRect(960+t*99*C(f*i),540+t*99*S(f*i),S(t)*8,C(t)*8);

Jan 2 2018 7:14 AM UTC

}// 137/140

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

sped it up simply

show FPS hide FPS share 7 remixes fullscreen

sadropol

remix of d/3748 by u/sadropol

function u(t) {

c.width|=0;for(i=1;i<140;i++){b=2*t+i;o=200-(S(b+5)*126)%256;x.fillStyle=R(0,o,0,1);x.fillRect(940+((i/60)%1)*S(b)*200,400+i*6%400,8,8);}

Dec 27 2017 12:01 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 more comments…
u/sigveseb

merry christmas!
u/joe724

Beautiful!
u/Chipnstein

just got plastuer and made a nice redish background to apply this on my desktop, awesome!
u/vrishankm13

new here, but this is already my all time favorite, so beautiful
u/lionleaf

Awesome! Merry Christmas :D Some good ones last year as well, if you manage to find them ^^
u/hollo47

#tree #christmas
u/vain

beautiful xmas tree

show FPS hide FPS share 1 remix fullscreen

rippedspine

function u(t) {

t*=9;for(i=4;i--;x.strokeStyle=`hsl(${t*b},99%,50%)`){x.beginPath();x.arc((b=100)*3+i*(a=50)*9+S(t)*a,b*5+C(t)*a,b,0,Math.PI*2);x.stroke();}

Jan 1 2018 9:02 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

Mangocode

function u(t) {

c.width=1920
  for(i=0;i<480;i+=5){
x.fillStyle=R(i/2, 0, 0)
a=(480-i)
x.fillRect(700+S(i)*a+S(t)*i, 500+C(i)*a+C(t)*i, 50, 50)}

Jan 1 2018 8:45 PM UTC

}// 128/140

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

u/iverjo

#swirl

show FPS hide FPS share fullscreen

Talesseed

function u(t) {

D=(i,r)=>x.fillRect(960+C(g=i*9/43-t)*r,510+S(g)*r,20,20)
c.width|=0
for(j=6;j-->0;)for(i=0;i++<31;D(i,j*99))x.fillStyle=R(256-(i+t)%30*7)

Jan 3 2018 8:43 PM UTC

}// 138/140

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