Transition Lab / HTML Demo

A maze transition
connected by a circular wipe

The frame at the moment the player reaches the exit is preserved as an image, then the next maze appears from its entrance in a circular reveal. The journey continues without passing through a black loading screen.

Circular wipe maze transition demo

Current sceneMAZE 01 · GREEN CIRCUIT

The circle moves from the maze entrance to the exit. When it arrives, the previous screen is preserved as an image, the next maze is revealed from its entrance with a circular wipe, and the previous image is removed.

  1. 01Preserve frame
  2. 02Generate next maze
  3. 03Reveal in a circle
  4. 04Remove old image
The previous frame becomes one imageThe entire screen remains visible during the transition, so there is no black loading screen.
The circle is centered on the next entranceOnce it expands, the new player begins moving through the next maze.

Autoplay is enabled. Use the buttons to pause or restart the demo.