Build-up! by andrea270872

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.

show FPS hide FPS share fullscreen

andrea270872

remix of d/12771 by u/andrea270872

function u(t) {

c.width|=K=1e3
A=[(t*97%11-5)*K,(t*89%13-6)*K,0]
P=t?P.map(([i,j,z,v])=>[i,j,(z+1)%99,x.fillRect(K+i/z,500+j/z,z,z)]):[A]
P[K]||P.push(A)

Mar 15 2019 7:44 PM UTC

}// 137/140

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

Build-up!

Show more comments…
u/Xen

love it
u/pavel

103 for(c.width|=K=k=1e3;k--;z>0&&x.fillRect(K+(k*97/60%11-5)*K/z,500+(k*89/60%13-6)*K/z,z,z))z=(60*t-k)%99
u/pavel

Looks like the code you started with used Math.random at each step which made the ultimate position of each square at time 't' impossible to determine directly. Switching to instead use any function of just t makes it quite simple so there is no need to initialize stuff at time 0 and keep it updated.
u/pavel

I learned that in d/11421 to save chars and make d/11424
u/andrea270872

great. thanks very much
u/andrea270872

In my head I was thinking also that t*97%11 is a pseudo-random generator...
u/katkip

Satisfying


      u(t) is called 60 times per second.
      t: elapsed time in seconds.
      c: A 1920x1080 canvas.
      x: A 2D context for that canvas.
      S: Math.sin
      C: Math.cos
      T: Math.tan
      R: Generates rgba-strings, ex.: R(255, 255, 255, 0.5)

dwitter.net