Dweets awesomed by u/stiaje

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: #Opposites

show FPS hide FPS share fullscreen

iverjo

function u(t) {

for(i=0;i++<2e3;)s=37/T(t+i/(t+1|0)),c=155+99*S(i*22),x.fillStyle=R(.6*c,c),x.fillRect(960+5*s*C(i+t),540+5*s*S(i+t),s,s)

May 6 2016 8:13 PM UTC

}// 121/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) {

w=1920;h=1080;r=Math.random;x.beginPath();x.moveTo(r()*w,r()*h);x.lineTo(r()*w,r()*h);x.lineTo(r()*w,r()*h);x.globalAlpha=.05;x.fill()

Apr 29 2016 9:10 PM UTC

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

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 fullscreen

Froff

function u(t) {

if(t==0)x.translate(1e3,540);x.rotate(5*(Math.random()-.5));x.translate(20,20);x.fillRect(0,0,9,9);

Apr 15 2016 9:32 AM UTC

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

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 1 remix fullscreen

stiaje

remix of d/129 by u/stiaje

function u(t) {

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

Apr 14 2016 4:45 PM UTC

}// 108/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 4 remixes fullscreen

icecuber

function u(t) {

t?i++:i=0;for(j=1080;j--;){a=b=0;k=35;for(;k--&&a*a+b*b<4;)c=a*a-b*b+i/540-2,b=2*a*b+j/540-1,a=c;x.fillRect(i,j,1,S(k/9))}

Apr 13 2016 1:46 PM UTC

}// 122/140

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

u/iverjo

115 bytes: for(j=1080;j--;a=b=0){for(k=35;k--&&a*a+b*b<4;a=y)y=a*a-b*b+t*60/540-2,b=2*a*b+j/540-1;x.fillRect(t*60,j,1,S(k/9))}
u/iverjo

Here's one that draws faster: for(i=4;i--;){for(j=1080;j--;a=b=0){for(k=35;k--&&a*a+b*b<4;a=y,l=t*240+i)y=a*a-b*b+l/540-2,b=2*a*b+j/540-1;x.fillRect(l,j,1,S(k/9))}}
u/iverjo

Nvm, they depend on various variables being defined. I was fooled.
u/myJS

How about colors? t?i++:i=0;for(j=1080;j--;){a=b=0;k=35;for(;k--&&a*a+b*b<4;)c=a*a-b*b+i/540-2,b=2*a*b+j/540-1,a=c;x.fillStyle=R(k,j,i);x.fillRect(i,j,1,S(k/9))}
u/sfz

Nice enhancement myJS!
u/lionleaf

#scanline #slow_render #fractal #fractals

show FPS hide FPS share 1 remix fullscreen

stiaje

function u(t) {

x.strokeStyle=R((t*50)%255,C(t/1)*255,99+99*S(t),.3);for(i=0;i++<20;)x.rotate(.1),x.beginPath(),x.moveTo(0,0),x.lineTo(3e3,0),x.stroke();

Feb 22 2016 5:39 PM UTC

}// 137/140

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

dwitter.net | stiaje (10323)