Dweets awesomed by u/trupples

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 4 remixes fullscreen

BriSeven

remix of d/546 by u/BriSeven

function u(t) {

X=960,Y=80+1080*t%900,a=1;for(i=99;--i;)x.fillStyle=T(a)<9?R(99-a,a/3,0,.3):"#FFA",x.fillRect(X+=S(a)*Y/50,Y+=C(a)*4,8,8),a+=7*Math.random()

Dec 23 2016 4:34 AM 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

Oh wow, that is amazing!
u/sigveseb

Very nice!
u/iverjo

Wonderful!
u/hamptonio

Happy little tree!
u/Beginner

Wow!
u/Xen

Done Re-mi(X)en 2878
u/Xen

Done Re-mi(X)en 2878
u/Xen

why post twice? :-/
u/joeytwiddle

Quantum commenterference I guess. This one is my favourite :)
u/iverjo

#tree
u/lionleaf

#christmas #christmastree #color
u/rawbits

A sad little tree. He has no friends. (Bob would be proud)
u/vain

Amazing procedural and beautifl tree. Mindblowing coding!

show FPS hide FPS share fullscreen

New_Core

function u(t) {

if(!t)s=["The","Worst","Zoomtext","Ever","Made",";)"];c.width=500;z=250/(250-60*t%250);x.font=10*z+'pt a';x.fillText(s[~~(t*.24)%6],0,200);

Nov 22 2016 10:31 PM UTC

}// 139/140

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

u/iverjo

128 characters: c.width=500;z=250/(250-60*t%250);x.font=10*z+'pt a';x.fillText("The|Worst|Zoomtext|Ever|Made|;)".split('|')[~~(t*.24)%6],0,200);
u/New_Core

ah yea, I was thinking of using the split but didnt think it would fit as nicely as you showed it.. good one =)
u/iverjo

115 characters: c.width=500;x.font=250/(25-6*t%25)+'pt a';x.fillText("The|Worst|Zoomtext|Ever|Made|;)".split('|')[0|t*.24%6],0,200)
u/New_Core

#text #zoom

show FPS hide FPS share 2 remixes fullscreen

iverjo

remix of d/294 by u/iverjo

function u(t) {

for(i=4e3;i--;)c=155+99*S(t+4*S(i*9)),x.fillStyle=R(0,c,99+c),s=45/(9-(t+i/100)%9+1),x.fillRect(960+25*s*C(i),540+25*s*S(i),s,s)

Sep 17 2016 7:09 PM UTC

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

icecuber

function u(t) {

F=x=>x%1*(x%1-1)*9+S(x);c.width=89;for(i=8;i--;)x.fillRect((i%4-t%1)*50,i*16&64,16,F(i%4+t<<1)*7-(i&4)*9+11);x.fillRect(9,(F(t*2)*7+32),5,5)

Aug 6 2016 1: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).

u/sigveseb

flappy bird!
u/iverjo

Funny :D
u/lionleaf

#game #interactive #floppy #floppybird
u/rodrigo.siqueira

#FlappyBird

show FPS hide FPS share fullscreen

sigveseb

remix of d/297 by u/sigveseb

function u(t) {

L=c.width=255;for(i=9<<12;a=i&L,b=i>>8,n=b-45,m=a-99,i--;x.fillRect(a,b,A=1/(((t+a/n)%2)^b/n),A))n*=(B=(L*S(t*29+n/5)+m*m+n*n)/5e3)<1?C(B):1

Jul 21 2016 5:43 PM UTC

}// 140/140

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

with wobbles!

u/iverjo

Insane!
u/joeytwiddle

amazing :)

show FPS hide FPS share 2 remixes fullscreen

lionleaf

remix of d/192 by u/icecuber

function u(t) {

c.width=199;f=99;d=t%4;for(i=210;i--;)r=d>.5?f*S(i*f)*(d-.5):0,x.fillStyle=R(f,i),x.fillRect(f+29*S(t/4^9)*d+C(i)*r,f-d*f+d*d*49+S(i)*r,1,2)

Jun 25 2016 6:43 PM UTC

}// 140/140

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

Remix of icecuber awesome fireworks :)

u/lionleaf

#fireworks

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) {

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 fullscreen

icecuber

function u(t) {

w=c.width=299;for(i=2691;i--;)x.fillStyle=R(0,2e5/i),k=2e5+i+t/(0|i/w)*99,y=49+C(k/19)*5+S(k)+C(k/23)*9+S(k/7)*7,x.fillRect(i%w,y*2e3/i,1,w)

Feb 22 2016 1:16 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/Jezza

This is great!
u/joeytwiddle

#parallax #landscape #scenery #hills

dwitter.net | trupples (15558)