🌴 by KilledByAPixel

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 1 remix fullscreen

KilledByAPixel

remix of d/18500 by u/KilledByAPixel

function u(t) {

for(c.width=99,j=2e3;q=j--/2e3;x.strokeRect(S(i+3)*b+50,22+C(i)*b-q*20+(1+S(t+i)/9)*q*q*20,r=i?1-q:q*6,r))i=j%99,b=q*C(i*i)*(i?19:40)

Apr 26 2020 8:20 AM UTC

}// 133/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/KilledByAPixel

#tree
u/tomxor

wow, nice subtle animation too.
u/aleamb

#organic
u/aleamb

#organic
u/aleamb

#organic
u/katkip

#tagfail
u/tomxor

I've done this, comment is async obviously, but the UI also waits so you can keep clicking post on the same comment... could do with locking the UI after submit.


      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