Dweets awesomed by u/DataMeta

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

Renaud___

function u(t) {

z=32;y=t?y:{};for(i=0;i<z*z;i++){if(v=y[i]){v=t-v>1?z:(t-v)*z;w=(z-v)/2;x.fillRect(i%z*z+w,~~(i/z)*z+w,v,v);}if(Math.random()*z*z<1)y[i]=t}

Oct 14 2017 12:41 AM UTC

}// 139/140

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

u/sb

Bar code spawning

show FPS hide FPS share fullscreen

artfarnaa

function u(t) {

for (c.width|=a=284;--a;x.arc(960+S(t+G*40)*260,
 540+C(t+G*40)*260,a%4*182*Math.abs(S(t/2)),
 0,8))x.moveTo(G=a/2|0,0)
 x.fill('evenodd')

Oct 13 2017 11: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).

Best if viewed full screen

Show more comments…
u/cantelope

mandala!
u/joeytwiddle

very pretty :)
u/artfarnaa

Any ideas how to add color to these Mandala animations?
u/cantelope

an attempt at a colorized version https://codegolf.tk/a/203
u/artfarnaa

Nice. Also tried moving the fill inside the loop but only called it once every 100 times are so, otherwise it locks up the browser.
u/donbright

love these

show FPS hide FPS share 1 remix fullscreen

artfarnaa

function u(t) {

for (c.width|=a=15;--a;
 x.arc(960+S(t+G*12)*54,
 540+C(t+G*12)*54,
 a%14*33,
 0,
 8))
 x.moveTo(G=a/1|0,0)
 x.fill('evenodd')

Oct 13 2017 10:52 PM UTC

}// 126/140

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

u/lurifax

Made you a remix with some colors: https://www.dwitter.net/d/3319

show FPS hide FPS share fullscreen

nystrand

function u(t) {

for(x[n=t?++n%4e3:0]=n,c.width|=i=0;i++<n-2;x.lineTo(a+800,x[i-1]+400))a=x[i]+=(i%3+~t%3+~S(t*n))*x[i+~~t%3]/(399-n/18);x.stroke()

Oct 5 2017 1:42 PM UTC

}// 130/140

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

u/magna

Wow!
u/artfarnaa

Double wow
u/Xen

nice work! :)
u/joeytwiddle

#shape #model #3d

show FPS hide FPS share 2 remixes fullscreen

cantelope

function u(t) {

with(x)for(i=c.width|=0,font="51px a";i--;translate(i*36%1980,(i/55|0)*36),rotate(i%9/5-t*4),fillText('＋',-25,18),restore())save()

Sep 27 2017 2:03 AM UTC

}// 130/140

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

fullscreen or go home... (thx to @xem for idea to use unicode glyphs)

u/innovati

So beautiful
u/lionleaf

Cool! Reminds me of d/134 :D
u/alien

wow *__*
u/p01

🐝💣 ;)

show FPS hide FPS share fullscreen

Xen

remix of d/1945 by u/jes5199

function u(t) {

c.width=900;for(a=-0;a<99;a++)for(b=0;b<54;b++){n=255*S(C(a)*C(b)*t*9);x.fillStyle=R(n,0,-n,.7);x.fillRect(a*9,b*9,Z=C(t)+9,Z)}

Sep 22 2017 9:33 PM UTC

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

artfarnaa

remix of d/3091 by u/joeytwiddle

function u(t) {

c.width|=k=960;for(a=36;--a;x.arc(k+(b-k)*S(t+b/50)/2,540+(b-k)*C(t/3-b/50)/2,b*3,0,7))f=a+7*t%2,b=f*f,x.moveTo(G=b|0,0);x.fill('evenodd')

Aug 21 2017 5:55 PM UTC

}// 138/140

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

u/donbright

very fast paced, very cool

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/3090 by u/artfarnaa

function u(t) {

c.width|=k=960;for(a=25;--a;x.arc(k+(b-k)*S(t+b/210)/2,540+(b-k)*C(t/3-b/210)/2,b*3,0,7))f=a+7*t%2,b=f*f,x.moveTo(G=b|0,0);x.fill('evenodd')

Aug 21 2017 3:50 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/artfarnaa

Very nice. Lots of unexplored ideas around this basic algorithm.
u/sigveseb

Looks like the donut from Intrinsic Gravity: http://www.pouet.net/prod.php?which=64756
u/donbright

groove is in the heart...
u/3D.ceffo

Logical mistery tour!
u/joeytwiddle

#tunnel See also: d/15643

show FPS hide FPS share 1 remix fullscreen

kchplr

function u(t) {

P=t?(C(t)+1)*1e6:A=[];B=[X=P>>9,Y=P%1e3,M=P&127,0,7];A.some(([o,p,q])=>Math.hypot(X-o,Y-p)<q+M)||x.beginPath(A.push(B))|x.fill(x.arc(...B))

Aug 20 2017 6:56 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 brute force approach to circle packing. A lot of thanks to jsgolf slack channel residents @xem and @qfox helped **a lot** reducing my original 167 characters attempt ( https://codegolf.tk/a/152 ), as in actually doing most of it. I honestly did not think reaching 140 bytes was possible.

u/Xen

done you a remix ;)
u/sigveseb

Excellent stuff
u/iverjo

#dots

show FPS hide FPS share 1 remix fullscreen

artfarnaa

function u(t) {

 for (c.width|=a=200;--a;x.arc(960+S(G+t)*400,
 540+C(t+G*1)*400,a%2*137*Math.abs(S(t))*4,0,
 6.2832))x.moveTo(G=a/2|0,0)
 x.fill('evenodd')

Aug 8 2017 1:52 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/kchplr

Great !
u/sigveseb

Awesome!
u/ninerdelta

stupid question, but why c.width|=a=200? I was tinkering with this code and just made it a=200 and the fps drops significantly.
u/kchplr

ninerdelta: I think that the reason is that c.width|=something is not only clearing the canvas but also the 2d context. Without it each iterations keeps adding arcs to the current path, by the 10th frames there are 2000 arcs to redraw, by the 50th frames there are 10000, etc. In a, err, "non-cold golfing codebase" you could avoid this by using beginPath and closePath.
u/kchplr

"cold golfing", superb. I meant code golfing...
u/ninerdelta

ah that makes sense, thanks!
u/donbright

now this is fine work

dwitter.net | DataMeta (42223)