d/8783 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 fullscreen

magna

remix of d/8781 by u/micahcowan

function u(t) {

for(c.width|=i=n=23;--i;)F=((f,m)=>Math.abs(m-t*f(i*1.5/n)*2e3%(2*m))),x.fillText([...x.font='5em 🅓🅦🅘🅣🅣🅔🅡'][4+i%7],F(C,2e3),F(S,1e3))

Jun 30 2018 4:28 PM UTC

}// 133/140

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

Show more comments…
u/micahcowan

Ha! Nice. 😀
u/micahcowan

Your use of ... '5em 🅓🅦🅘🅣🅣🅔🅡' to automagically limit it to one character, blew my damn mind. Is that your innovation, or did you get it from another? The useless JS things I learn here 😁
u/micahcowan

Wait, I'm amazed it even works, since those are each two chars in UTF-16. I thought JS deals in UTF-16, not -32? Is string subscripting more magical than I supposed? Time to go fishing through Ecma-262...
u/firegodjr

He's turning it into an array first, so the individual chars still act individually, and not as two UTF-16 chars. Array[x] works, String[x] only supports UTF-16.
u/micahcowan

Awesome, thanks. Had just figured that out when I refreshed the page to see if someone said that, heh!
u/micahcowan

You can see what's happening more clearly if you change 2e3 to 5e2. It's also interesting to set n=8, but then you also want to change 🅓🅦🅘🅣🅣🅔🅡 to 🅡🅓🅦🅘🅣🅣🅔
u/magna

@micahcowan It's a culmination of 1) spread syntax 2) using bullshit strings as font names that I've learned from others :)


      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