WALL FLIP:
A THREE.JS 3D NEON WALL SWITCH GAME

What Is Wall Flip?

Wall Flip is a free portrait 3D neon arcade game for phones and desktop. A glowing orb sticks to the left or right wall of a rising cyber shaft. Tap to flip across the gap, dodge spikes and barriers that rush toward you, and snag gems mid-flip for combo points. The shaft speeds up the higher you climb.

It is a Three.js game that runs as a 3D browser game on WebGL, developed by Shane Brumback and hosted by Indie Forge Studio, where you can play it at indieforgestudio.com/games/wall-flip/. It is free with no download.

How to Play Wall Flip

• Flip: tap, click, or press Space / Enter to jump to the opposite neon wall.
• Dodge: avoid red spikes sticking out of the walls and yellow barriers that block the shaft.
• Gems: grab green gems mid-flip. Consecutive grabs build a combo multiplier.
• Score: height climbed plus gem points. Hitting a hazard ends the run.
• Keyboard: P pauses and M mutes.

How Wall Flip Is Built with Three.js

Wall Flip is a portrait WebGL arcade built with Three.js primitives and a small shared core shell (screens, mute, pause, best score, analytics hooks). The scene uses an orthographic camera framed for 9:16 phones, neon emissive wall panels, and additive glow on the player orb.

• Left and right walls are tiled BoxGeometry panels with cyan and magenta emissive materials so the shaft feels endless as you climb.
• The player is a glowing SphereGeometry orb with an additive TorusGeometry ring and a point light that shifts color with the wall you stick to.
• Spikes are inward-pointing cones; barriers are scaled boxes with neon tips; gems are spinning octahedrons worth combo points.
• Tap input flips the orb across the shaft with an eased arc; collision tests against hazards end the run and call the shared C.gameOver().

Code from Wall Flip

Flip starts a short tween from the current wall to the opposite wall. The orb arcs slightly so the jump reads clearly on a phone screen:

function flip() {
  if (S.flipping || S.dead) return;
  S.flipping = true; S.flipT = 0;
  S.fromX = S.x; S.side = -S.side; S.toX = orbWallX(S.side);
}
// each frame while flipping:
const ease = u < 0.5 ? 2*u*u : 1 - Math.pow(-2*u+2, 2)/2;
S.x = S.fromX + (S.toX - S.fromX) * ease;
player.position.set(S.x, S.y + Math.sin(u * Math.PI) * 0.55, 0);

From games/wall-flip/game.js

Score is height climbed plus gem points, with a combo multiplier on consecutive grabs:

S.combo += 1;
const pts = 25 * S.combo;
S.gemPts += pts;
C.setScore(Math.floor(S.height) * 2 + S.gemPts);
C.setCombo(S.combo > 1 ? `COMBO x${S.combo}` : 'GEM!', true);

From games/wall-flip/game.js

Built for Mobile and Portrait Play

Wall Flip is designed for phones held upright. It runs in a 9:16 portrait frame, keeps the top of the screen clear for falling objects with pause, score and mute in a thin bar, and uses pointer events so touch and mouse share one code path. On desktop it plays in a centered portrait frame with keyboard controls.

To stay smooth on phones the renderer caps the device pixel ratio, and the game pauses itself when you switch tabs or apps.

Frequently Asked Questions