d/4728 by Flopster

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

Flopster

remix of d/4715 by u/TylerCross

function u(t) {

c.width|=y=0
j=300
for(;y<11;y++)for(i=j;i--;)x.fillStyle=R(0,9,y%2*j),x.fillRect(i*10,j+y*y*10.5+(C(i*0.5/y-t*2+y)+S(t-(y*y)/15))*y*10,8,j)

Dec 29 2017 9:02 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/jaemiejaemie

change that one 9 in the fillRect to a 8 and you get seamless waves! pretty!
u/Galaxtone

I don't see a nine.
u/Galaxtone

Also i had to change the 9,j) to a 10,j) at the end so that it looked correct.


      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