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

BirdsTweetCodersDweet

function u(t) {

with(x)for(c.width=a=2e3;a--;beginPath(stroke()))b=255,d=C(a)*20,strokeStyle=R(b*S(a)+b,25*d,99+d,.5),arc(960+b*C(a+t),540+b*C(a),70+d,0,7)

Feb 4 2018 11:25 AM UTC

}// 139/140

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

Credit to u/joeytwiddle for making my rainbow donut fit and still be awesome.

show FPS hide FPS share 1 remix fullscreen

ellisk1

remix of d/5317 by u/ellisk1

function u(t) {

x.fillStyle=R(t%4/7*(q=t%1*1500),150-t%4*q,0,.5),x.beginPath(),x.arc(600+q*C(a=6*Math.random()),600+q*S(a),q/2+20,e=3+a,e+.8+t%1/3),x.fill()

Feb 3 2018 6:19 PM UTC

}// 140/140

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

Rose Petals

u/jonathan_b

cool design!

show FPS hide FPS share fullscreen

loni_art

function u(t) {

c.width|=w=40
f=Math.floor;l=Math.log;
for(i=10*w;i--;(-1<(l(i/3*w)/l(2)-(3*(i%w+t)+i/w))%2)?x.fillRect((i%w)*w,f(i/w)*w,w,w):0);

Feb 5 2018 7:44 PM UTC

}// 129/140

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

is random? is it not?

u/loni_art

note: this was an attempt of using tupper's formula to show a very special thing, but sadly, it didn't work, so i turned into a itneresting thing
u/iverjo

Cool, I actually had the same idea after seeing a tweet about Tupper's formula

show FPS hide FPS share fullscreen

21medals

remix of d/6678 by u/21medals

function u(t) {

for(c.width=i=96;i--;)for(j=54;j--;x.fillRect(i,j,1,1))x.fillStyle=R((d=S(t*((i-48)**2+(j-27)**2)**.5*2))*1e4/++i,d*4.7*j,d*2.7*--i)

Feb 3 2018 10:33 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

unts-unts-unts-unts

function u(t) {

c.width|=0
x.translate(960,540)
for(i=120;i--;){
x.fillStyle=R(i*3,128*S(t),5*i)
x.rotate(t/30)
x.fillRect(-13*i,-13*i,26*i,26*i)}

Feb 5 2018 7:20 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 fullscreen

Yogeshp3

remix of d/6318 by u/Yogeshp3

function u(t) {

v=32
for(l=0;l<572;l++)d=l%v*v,x.fillStyle=`hsl(${t*90-d%50},99%,69%)`,x.fillRect(850+S(r=S(t-d/333)+l/v*.35)*d,540+C(r)*d,2*d,2*d)

Feb 6 2018 8:44 AM UTC

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

BirdsTweetCodersDweet

function u(t) {

c.width^=π=2*Math.PI
s=0
e=t*π
if(t%2>1)s=e,e=0
x.lineWidth=20
x.arc(960,540,100,s,e%π)
x.stroke()

Feb 5 2018 5:20 PM UTC

}// 98/140

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

Android lollipop themed loading icon...

u/BirdsTweetCodersDweet

c.width^=0,π=2*Math.PI to stop the shaking
u/akm

Don't you mean c.width|=0,π=2*Math.PI to stop the shaking?
u/prplz

#loading
u/d0n.key

Am I trippin

show FPS hide FPS share fullscreen

silver_bear

function u(t) {

c.width=1920
j=50;
for(i=0;i<j*2;i++){
x.fillStyle=R(255*S(i-t),255*C(i-t),100,C(t+i)+.5)
x.fillRect(19*i,250*S(t+i)+550,j/2,j/2)
}

Feb 4 2018 1:36 PM UTC

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

BackendForth

function u(t) {

c.width|=0
p=4*S(t)
for(i=-9;i<9;i+=.2)for(j=-9;j<9;j+=.2)r=(i*i+j*j)**(p/2),w=Math.atan2(j,i)*p,x.fillRect(960+r*C(w)*99,540+r*S(w)*99,6,6)

Feb 5 2018 2:55 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/joeytwiddle

Folding space

show FPS hide FPS share fullscreen

Cairhart

function u(t) {

c.width=1920;for(i=0;i<1920;i++){x.fillRect(Math.abs(i*10),540,Math.abs(10*S(t))+3,S(t-i)*540);x.fillStyle=R(i*8,i,256*(1+C(t)));}

Feb 7 2018 2:27 AM UTC

}// 130/140

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