Dweets awesomed by u/lionleaf

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

stiaje

function u(t) {

x.fillStyle=R(99+S(t/2)*99,99+C(t)*99,200+S(t*2)*50);for(i=0;i<9;i++){x.fillRect(860+C(t)*860,250+(2+S(t))*i*20+S(t)*99+C(t/4)*50,200,50)}

Apr 28 2016 6:50 PM UTC

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

chunnoo

function u(t) {

c.width=1920;for(i=-2;i<2;i+=.05)for(j=-4;j<4;j+=.05)1/(j*j+i*i)+1/((j-t%12+6)*(j-t%12+6)+i*i)>1?x.fillRect(j*240+960,i*240+540,12,12):0;

Apr 28 2016 1:35 PM UTC

}// 137/140

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

u/Froff

This is probably my favorite of all the dweets on here
u/hamptonio

Very original, nice job.
u/FireFly

Sweet, metaballs!
u/iverjo

#metaballs
u/katkip

#cell
u/katkip

#physics

show FPS hide FPS share 1 remix fullscreen

sigveseb

function u(t) {

c.width=99;for(X=0;X<99;X++)for(Y=0;Y<99;x.fillStyle=R(c=S(t+X*Y+t*9)*255,c,c),Y++)x.fillRect(X,Y,1,1)

Apr 27 2016 12:33 AM UTC

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

icecuber

function u(t) {

c.width=192;A=Math.abs;Y=A(t*99%176-88);X=A(t*139%376-188);x.F=x.fillRect;x.F(X,Y+7,3,3);x.F(187,Y+C(X/39)*29,5,20);x.F(0,Y-S(X/29)*22,5,20)

Apr 24 2016 12:39 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 more comments…
u/lionleaf

I'd love a blog post explaining how you approached creating this one!
u/iverjo

+1
u/SpecialAgent

+1
u/FireFly

I love this one—the movement doesn't really feel all that artificial despite being so. Hats off for figuring out how to get the pads to that :)
u/dh7

+1 very well done !!!
u/joeytwiddle

Amazing. Looks so real. Some handy techniques in here too :)
u/donbright

genius
u/TheGreatRambler

How do you do that under 140 chars?
u/lionleaf

#pong
u/lionleaf

#game
u/joeytwiddle

#tribute
u/Lazy1337

#witchcraft
u/vain

incredible - great work

show FPS hide FPS share 4 remixes fullscreen

icecuber

function u(t) {

c.width=1920;for(i=24;i--;)for(j=24;j--;)t+=1.7,s=S(t)*((j+i&1)*2-1),x.setTransform(C(t),s,-s,C(t),i*99,j%12*99),x.fillRect(-9,-49,19,99)

Apr 20 2016 4:54 PM UTC

}// 137/140

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

u/lionleaf

Try following the "wave" with your eyes!
u/innovati

This is amazing!
u/vain

amazing and beautiful effect. Nice tricky illusion

show FPS hide FPS share 1 remix fullscreen

lionleaf

function u(t) {

c.width=2e3;t*=3;x.translate(980,450);for(i=0;i<322;)x.fillStyle=R(i),x.rotate(!i*C(t-=.03)+!(i++%4)*S(t)/9+1.57),x.fillRect(5*i,5*i,99,99)

Apr 18 2016 9:14 PM UTC

}// 139/140

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

A site for sharing short js canvas demos! :D

u/lionleaf

#floppy

show FPS hide FPS share fullscreen

stiaje

remix of d/130 by u/stiaje

function u(t) {

x.rotate(1);for(i=0;i<1e3;i++)x.fillStyle=R(C(t/5)*99+9,156+99*S(t),150),x.fillRect(2*i,99+S(i*(S(t)+3)/90)*2000,9,C(t)*99);

Apr 14 2016 4:53 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 fullscreen

julie

remix of d/125 by u/julie

function u(t) {

for(i=0;i<900;i++){x.fillStyle=R(i/3,0,255);x.fillRect(100+S(i*t)*3000,100+i,90*C(t),90)}

Apr 14 2016 4:27 PM UTC

}// 89/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 2 remixes fullscreen

julie

remix of d/124 by u/julie

function u(t) {

c.width=1920;for(i=0;i<900;i++){x.fillStyle=R(i/3,0,255);x.fillRect(100+S(i*t)*3000,100+i,90*C(t),90)}

Apr 14 2016 4:25 PM UTC

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

julie

function u(t) {

c.width=1920;for(i=0;i<200;i++){x.fillStyle=R(i*30,0,255);x.fillRect(800+S(i*t)*300,100+70*i,90*C(t),90/i)}

Apr 14 2016 4:14 PM UTC

}// 107/140

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

dwitter.net | lionleaf (43039)