Candy Falls - Requires Chrome by magna

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

magna

remix of d/1323 by u/magna

function u(t) {

e=1e3;(i=new Image).src=c.toDataURL('image/jpeg').replace(eval(`/(.{${t%e+e}})./`),'$1');x.filter='sepia(.02)';x.drawImage(i,0,0,1920,1100);

Mar 1 2017 4:00 AM UTC

}// 140/140

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

Candy Falls - Requires Chrome

u/magna

Starting off with a blank canvas, I introduce some artifacts by damaging the JPEG export. And then the rest comes through an interesting interplay of JPEG artifacts and sepia filter artifacts, and stretching the image while pasting it back.
u/magna

Seems to be broken on latest version on Chrome.


      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