A little remix of yokljo's city river by joeytwiddle

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

joeytwiddle

remix of d/12000 by u/yokljo

function u(t) {

for(c.width|=j=20;j--;)for(g=j*120,i=99;i--;)x.fillRect(i?g+i/30*S(1e3/i-t*8+j*j*400)*i/2:g,i?i*5+600:0,120+60*S(j*j*(t|1)),i?5:600)

Jan 31 2019 6:22 AM UTC

}// 132/140

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

A little remix of yokljo's city river

Show more comments…
u/katkip

Huh nice
u/joeytwiddle

Scrolling instead of switching: for(c.width|=j=15+t|0;j-->t;)for(g=(j-t)*180,i=99;i--;)x.fillRect(i?g+i*S(1e3/i-t*8+j**3):g,600+!!i*i*5,-99-80*S(j*j),i?3:-600)
u/username

What is this supposed to be? I only see black squiggly lines..
u/joeytwiddle

I think it's supposed to be buildings reflect in water. for(c.width|=j=20+t|0;j-->t;)for(g=(j-t)*120,i=W=99;i--;)x.fillRect(i?g+i*i/70*S(1e3/i-t*8+j**3):g,500+!!i*i*4,-W-80*S(j*j),i?3:-300-W*S(j))
u/donbright

oh my god
u/joeytwiddle

Please give u/yokljo an upvote. I only tweaked their idea! #water #waves
u/Tekmap

👏👏👏
u/vain

cool fx


      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