Dweets awesomed by u/Atti

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

mxfh

function u(t) {

d=x.getImageData(0,0,w=c.width=256,h=144);for(i=0;i<h;i++)for(j=0;j<w;j++)d.data[(i*w+j)*4+3]=(i-j&j+i)*t%w;x.putImageData(d,0,0)

Feb 20 2017 3:43 AM UTC

}// 129/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/jim

This is my favorite demo on Dwitter so far
u/mxfh

first draft on documenting the more obvious parts: https://news.ycombinator.com/item?id=13712558
u/hamptonio

pretty sick
u/mxfh

drone audiosoundtrack paste this:
u/mxfh

;new Audio("data:audio/wav;base64,"+window.btoa('RIFF$WAVEfmt data'+x.getImageData(0,128,c.width,32).data.reduce((data,byte)=>data+String.fromCharCode(byte),''))).play()
u/mxfh

//safer encoding: ;new Audio("data:audio/wav;base64,UklGRiQAAgBXQVZFZm10IBAAAAABAAIAAIAAAAAAAgAEABAAZGF0YQAA"+window.btoa(x.getImageData(0,128,c.width,32).data.reduce((data,byte)=>data+String.fromCharCode(byte),''))).play()
u/Xaviaro

Breathtaking!
u/lionleaf

#fractal #recursive
u/Galaxtone

Of you let it run long enough it returns to the original image but sort of pixelated and a little more and it'll return to the original image

show FPS hide FPS share 2 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

lionleaf

remix of d/537 by u/Atti

function u(t) {

for(i=2e3;i--;)a=i<5,x.fillStyle=a?i%2?"red":"white":"#080",d=i/3+80*T(i%300/260),x.fillRect(900+(a?i*S(i)*99:-d),a?400+i*200:i,a?50:2*d,50)

Dec 22 2016 6:04 PM UTC

}// 140/140

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

Merry Christmas! Golfed version of Atti's original too long proposal from #537

show FPS hide FPS share 1 remix fullscreen

Atti

function u(t) {

x.fillStyle="green";for(i=1085;i--;){d=i/3+80*T(i%300/260);x.fillRect(950-d,i,2*d,1)}

Dec 22 2016 5:15 PM UTC

}// 85/140

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

Basic Christmas tree! :)

u/Atti

A more elaborate version, that's currently too long: for(i=1085;i--;){x.beginPath();x.fillStyle=i<5?i%2?"red":"white":"green";d=i/3+80*T(i%300/260);i>5?x.rect(950-d,i,2*d,1):x.arc(900+i*S(i)*100,400+i*200,50,0,6);x.fill()}
u/Atti

Any help is appreciated in building an epic Dwistmas tree!
u/iverjo

Nice :) I made one last year, using a very different technique: https://www.dwitter.net/d/98
u/Atti

Cool! :)

show FPS hide FPS share fullscreen

AndrewBetts

remix of d/532 by u/AndrewBetts

function u(t) {

x.fillStyle=R(S(t)*255,C(t)*255,T(t)*255,.1),x.fillRect(600+(S(t/2)>=0?0:400)+200*C(t)*(S(t/2)>=0?1:-1),400+200*S(t),99,9)

Dec 22 2016 3:10 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/lionleaf

Nice remix! I'm getting some Google logo vibes to begin with
u/iverjo

I get that 3D feeling

show FPS hide FPS share fullscreen

Atti

function u(t) {

c.width=1920;b=S(10*t);for(i=0;i<16;i++){a=S(t*i);x.fillRect(120*i,500-200*a*b,100,500+200*a*b)}

Dec 22 2016 3:10 PM UTC

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

You've reached the end.

dwitter.net | Atti (371)