I used Zero-fill Right Bit Shifting to … by iverjo

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

iverjo

remix of d/521 by u/BriSeven

function u(t) {

c.width=1920;for(i=0;i<16;i++)x.fillStyle="#"+(i*292813798>>>0).toString(16),x.fillRect(i*160+S(t)*300-300,0,161,1080)

Dec 20 2016 1:22 PM UTC

}// 118/140

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

I used Zero-fill Right Bit Shifting to limit the color to 32 bits. This will only work in modern browsers with support for the new hexadecimal RGBA notation: #RRGGBBAA

u/lionleaf

Still haven't seen this in a browser where it works. Chrome on MacOS and Firefox on Ubuntu so far.
u/iverjo

Works in FF for me. Also, Chrome has a blog post about this and says it should work in Chrome 52. Yet it doesn't work in my Chrome 55 on Windows
u/iverjo

Also doesn't work in Edge
u/iverjo

I guess CSS4 isn't ready for prime time yet :P
u/BirdsTweetCodersDweet

#tagfail


      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