Dweets awesomed by u/yonatan

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

joeytwiddle

remix of d/7596 by u/BalintCsala

function u(t) {

for(c.width|=i=8;i--;)for(j=32;j--;x.font=(n/6*(1+C(p=j*.6+t*9))|0)+'px A',x.fillText('⚫',960+n*2*S(a=.8*i+S(p)/7),540+n*2*C(a)))n=(j%16)**2

Apr 6 2018 10:29 AM UTC

}// 140/140

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

Spiral flower, inspired by https://t.co/7SVu2vSUZQ

Show more comments…
u/joeytwiddle

A group effort by u/Agnes, u/BalintCsala and u/joeytwiddle
u/joeytwiddle

Colour version (200 chars): https://codegolf.tk/a/266
u/New_Core

reduced it to 138 looking exactly the same.. with only 1 for loop ;)
u/artfarnaa

Hi Joey. Beesandbombs is cool. I tool a look at his animations and the code that generates them at github. Very cool. Still his stuff would be require many hours to reverse engineer. Your effort to move one his animations here is nice work. Thanks for bringing him to my attention.
u/joeytwiddle

I sometimes post his tweets in the Discord channel, as inspiration for dwitterers with dweeter's block. Agnes posted a prototype and we hacked away at it. :D Let's keep sharing the fun ones!
u/joeytwiddle

Precedent arm: d/5796
u/f8f82804

#spiral-in-spiral
u/f8f82804

#beesandbombs

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/7579 by u/yonatan

function u(t) {

c.width|=0;x.globalAlpha=.2;for(i=1782;i--;)l=i/22%9|0,x.fillRect(540+l*99-40*T(m=3*t+i/1e5-l/12+i%22/5e2)**3,460+i%22*9-199*S(2*m)**8,50,9)

Apr 5 2018 6:47 AM UTC

}// 140/140

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

Just messing with yonatan's stuff again >_<

u/joeytwiddle

#default
u/iverjo

Nice animation!
u/katkip

Woow
u/joeytwiddle

Oops, speed was supposed to be m=1.2*t

show FPS hide FPS share 1 remix fullscreen

function u(t) {

c.width=600;for(i=0,f=100,a=0;i<200;i++,x.fillStyle=R(i+S(i)*20),a=i+(t*50))x.fillRect(f+f/2+i+C(a/20)*f,f+S(a/50)*f,S(i/64)*f,S(i/64)*f);

Apr 5 2018 12:48 AM 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

yonatan

remix of d/2370 by u/magna

function u(t) {

c.width|=0;x.globalAlpha=.2;for(k=9;k--;)for(j=22;j--;)for(i=9;i--;)x.fillRect(540+i*99+T(m=t+k/540+i/150+j/2e3)**-9,400+j*9,50,9)

Apr 4 2018 10:06 PM UTC

}// 130/140

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

k/540 // 9 iterations * 60 FPS

u/yonatan

#default
u/fujimotos

Oh, hey. It reminds me Power Point animations

show FPS hide FPS share fullscreen

yonatan

remix of d/7556 by u/sigveseb

function u(t) {

n=S(t);c.width=n*n*300;for(i=9;i--;)for(y=99;y--;)x.fillStyle=`hsl(${i*99},50%,${75-y/2}%`,x.fillRect(90+C(q=y+t)*99+i*10,S(q)*99+i*9,9,9)

Apr 4 2018 11:29 AM UTC

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

yonatan

function u(t) {

onmousedown=_=>d++
X+=S(m=d*Math.PI/2)
Y+=C(m)
x.fillRect(X*9&2047,Y*9&1023,9,9)
};{X=Y=d=0

Mar 29 2018 8:49 PM UTC

}// 91/140

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

click to turn

u/fujimotos

Changing the callback to "x.fillStyle=hsl(${d++*25},50%,50%)" turns it into an abstract art generator :)
u/yonatan

swapping PI/2 for PI/5*6 gets you pentagrams :)

show FPS hide FPS share 2 remixes fullscreen

jylikangas

function u(t) {

with(x)for(i=16,c.width=198;i--;stroke()&drawImage(c,globalAlpha=.1,i))lineTo(99+S(t+=(7-i)%2/.64)*99/(Z=(t<6)+1+C(t)),49+((i%4/2<<6)-25)/Z)

Mar 28 2018 5:24 AM UTC

}// 140/140

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

White room traps you!

Show more comments…
u/aemkei

Stunning. As always.
u/joeytwiddle

Whoa! 😮
u/zanella

There's. A. Reflection. In. The. Floor.
u/loni_art

jesus!
u/iverjo

Well done!
u/DirtyDan

Remixed: d/7500
u/DirtyDan

whoops, wrong dweet
u/DirtyDan

Well this was a train wreck, wrong link too
u/jylikangas

http://jsriffs.blogspot.fi/2018/04/making-of…
u/joeytwiddle

#renderer #reflection #raytrace (or looks like it anyway)

show FPS hide FPS share fullscreen

AnnanFay

remix of d/7492 by u/AnnanFay

function u(t) {

c.width|=0
P.push(1+P[2*(1<<Math.log2(f++))-f])
x.fill(new Path2D('M960,540'+P.map(v=>'hv'[v&1]+'-| '[v&2]).join(s=60/t**.5)+s))}{P=[f=1]

Mar 27 2018 9:42 PM UTC

}// 137/140

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

Dragon Curve - filled version

u/Xen

love it!
u/joeytwiddle

novel presentation!
u/katkip

#julia #fractal
u/donbright

now thats a good way to draw a dragon

show FPS hide FPS share fullscreen

yonatan

remix of d/7461 by u/Agnes

function u(t) {

c.width|=0
a=Math.abs
for(i=99,s=400;i--&&s>10;s/=a(C(t))+a(S(t)))x.setTransform(A=S(t*i),B=C(t*i),-B,A,960,540),x.strokeRect(-s,-s,s*2,s*2)

Mar 25 2018 5:08 PM UTC

}// 140/140

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

https://askalice.me/twojs-paradox-fractal/

show FPS hide FPS share fullscreen

nystrand

remix of d/6046 by u/nystrand

function u(t) {

for(i=w=2e3;--i;x.fillStyle=R(N*a/4,50+a*3+w,w,.1),x.fillRect(-2,-a,6,w,w=3))a=i%32,x.setTransform(32-a,w,C(t-i/333)*9+w,N=9-T(i>>5),i,1070)

Mar 23 2018 3:53 PM UTC

}// 140/140

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

Color version

Show more comments…
u/BuRRak

Amazing
u/aleamb

wow!
u/jylikangas

What a clever way to do the background. I also like how you used Math.tan to get the trees.
u/magna

wat.
u/sigveseb

<3
u/iverjo

Niiice
u/joeytwiddle

very nice again! :)
u/iverjo

#grass
u/joeytwiddle

#tree #trees #palm #palm_tree #organic #landscape
u/joeytwiddle

#scene ;-)

dwitter.net | yonatan (19541)