Marble Madness 2 🔴 Smaller + Color by KilledByAPixel

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

KilledByAPixel

remix of d/31725 by u/KilledByAPixel

function u(t) {

for(t*=60,i=w=1e3;i--;x.fillRect((i-t)*2+w,t+i+z%18*34-500,2,w))x.fillStyle=`hsl(${(z=i>>5&t>>5)**5} ${z*9}%${i%8<7?t%8<7?50:85:9}%`

May 16 2024 5:09 PM UTC

}// 132/140

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

Marble Madness 2 🔴 Smaller + Color

u/lewdev

Now I'm wondering if you're calling it Marble Madness only because it looks like it or also because that's how they rendered their 3D?
u/KilledByAPixel

mostly because of the resemblance, i think the original machine probably used some kind of tile based rendering system
u/cantelope

#symmetry
u/lewdev

Thank you for your insight u/KilledByAPixel. It makes sense to me.


      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