Chris Collins

Tools · games

Marble tilt

Roll a steel marble through a maze on a tilting 3D board — holes, railed and narrow bridges, moving platforms, bumpers and checkpoints — by tilting your phone, dragging, or with keys or a gamepad. Twelve designed levels, endless levels from a seed, and best times.

Added

How to use it

The wooden tilt maze with a ball bearing and a lot of holes, rebuilt as a 3D board you tilt. The marble is a proper rolling sphere: it speeds up at five-sevenths of the slope’s pull, as a solid ball does, rests on the rim of a hole for a moment before it tips in, and clips the far edge if you take a gap too slowly. A glass lid keeps it from hopping walls, as on the real thing.

There are twelve levels I designed, each with a theme (gaps, railed bridges, bumpers, a ferry, tightropes, a spiral), and an endless mode that builds levels from a seed: a maze of small rooms, then holes, bridges, shuttles and bumpers added one at a time, each kept only if the goal can still be reached. The same seed always gives the same levels, so you can race a friend on them.

How to play

Get the marble to the gold ring. Holes take a marble; you have five per run. A green flag is a checkpoint: after a fall you come back at the last one you rolled over. The clock starts when you first tilt.

  • Phone or tablet: press 📱 Tilt with device above the game (iPhone and iPad ask for permission), hold the device the way you want “level” to be, then tilt. Re-level takes the current angle as level again. You can also drag a finger: the board tilts the way you drag, further for a longer drag.

  • Mouse: press anywhere on the board and drag.

  • Keyboard: arrows or WASD tilt the board; P or Esc pauses; M mutes; F is full screen.

  • Gamepad: left stick or d-pad to tilt, A to start or carry on, Start to pause.

Railed bridges (with silver rails) are safe if you stay between the rails; narrow bridges without rails are not. Moving platforms pause at each end — roll on when one stops beside you and roll off when it stops at the far side. Orange posts kick the marble away.

Low graphics lowers the resolution and turns off sparks; the game also lowers its resolution by itself when frames come slowly. Shake turns the screen shake off (it is off already if your system asks for reduced motion). Best times per level and your best runs are kept in this browser.

Stack tower, the other game from the same batch, is at Stack tower. To check a controller first, use the gamepad tester.

Browser support

Any current browser with WebGL. Tilt steering needs a device with an orientation sensor; on iOS it needs a tap to grant permission, and some Android browsers only offer it over HTTPS (this site is). Gamepads work in Chrome, Edge, Firefox and Safari.

Privacy

The page loads three.js 0.147.0 (MIT licence) from cdn.jsdelivr.net. Nothing else is fetched and nothing is sent anywhere: the tilt sensor readings stay in the page, and scores and settings are kept in this browser’s local storage.

Runs entirely in your browser — network requests go only to the services named on this page.