Memory

How It Works

Engineering

• Positions live in a texture

  Every shape is a set of points in one floating-point texture, one shape per quadrant. Two render passes, one for position and one for the spring's velocity, swap between frame buffers on the GPU, so ten thousand particles move with no position update on the CPU. A phone runs seven thousand.
• A mark generated in code

  The closing M comes from a script that samples points on the faces and walls of an extruded letter and writes them into the position texture with a fixed seed, so every rebuild produces the same file. Each particle already owns a color, so the script pairs cool particles with the top left of the letter and warm ones with the bottom right, which gives the mark its gradient without a new color texture.
• Text that waits for the scene

  Headlines rise out of per-line masks and the large lines come into focus word by word, each played once when its block is on screen. The closing line holds back until its section fills the view, so it lands as the particles finish the M. The reveals run in their own script, apart from the WebGL module, so the copy never waits on the canvas.