3d_Emoji_Viewer.exe by Billedluh

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

Billedluh

function u(t) {

c.width|=1
for(i=-40;i<40;i+=5)x.font=670+i+"px'",x.fillText(String.fromCodePoint(128640+(t/4+16)%30|0),732+S(t*1.5)*i-i/2,812+i*S(t)+i/2)

Jul 23 2020 5:39 PM UTC

}// 138/140

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

3d_Emoji_Viewer.exe

u/sigveseb

This is cool!
u/magna

WOW!
u/Billedluh

Side note this effect is going to look best on apple devices and probably isn't going to work well on android or windows. Apple gives me at least a couple pixels of windshield on most or all of the vehicles, which extend nicely in to the third dimension. Google and MS's cartoon outline are going to break the illusion completely I'll bet


      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