Stack of Hearts by BriSeven

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 2 remixes fullscreen

BriSeven

remix of d/24437 by u/BriSeven

function u(t) {

c.width*=1
for(i=15;i--;x.setTransform(C(n=t+C(t)*i/9)*2,-S(n),S(n)*2,C(n),960,99+i*60),x.font='5cm a')x.fillText([...'💔🧡💛💚💙💜'][i%5],-70,70)

Dec 6 2021 7:05 AM UTC

}// 140/140

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

Stack of Hearts

u/vain

Nice!
u/vain

Btw... shouldn't "[i%5]" be "[i%6]"? Else you could save 1 char. :) What do these three points mean you used here: "fillText([... ,'" ?
u/BriSeven

Whoops, you're right. The ... is the spread operator, it splits the string in a unicode friendly way, and assigns the individual characters to the enclosing array literal.
u/BriSeven

@vain do notifications work on dwitter?
u/BriSeven

the ... next to the string is actually a special case. more generally it works on anything that implements the "iterator protocol" which is lots of stuff, but mostly arrays and array like things.


      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