#stereograph Cross your eyes until the… by BackendForth

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

BackendForth

function u(t) {

c.width|=0
for(i=2;i--;)
for(j=0;j<6.28;j+=6.28/9)
{w=99/(S(t+j)+2)
x.fillRect(i*960+400+C(t+j)*400+w*i,540-w/2-S(t*9+j)*99,w,w)
}

Apr 5 2021 6:22 PM UTC

}// 130/140

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

#stereograph Cross your eyes until the images are on top of each other for a 3d effect!

u/taupelink

whoa
u/magna

Nice! I relax my eyes (i.e. as if looking at a distance) instead of crossing. Then the smallar squares appear closer, not farther away. But amazing regardless! More of this technique please!


      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