d/425 by New_Core

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

New_Core

function u(t) {

c.width=1e3;x.translate(500,440);x.scale(C(t),1);for(i=10;i--;)x.fillStyle=(R(0,200-i*18)),x.font=500+"px s",x.fillText("☠",4*i*S(t)-250,0);

Aug 18 2016 4:59 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/iverjo

Cool, that almost looks like 3D!
u/lionleaf

This doesn't work on my Macbook with chrome for some reason.
u/New_Core

can it be the translation? if you put 0 in last number of translation and set the last number in code to 500, do you see something then,, or remove the translation and keep the 500 at the end of code,
u/lionleaf

Turns out any font size above 250 doesn't show up. 250 works fine though. Nice effect!
u/New_Core

ah ok


      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