LANE GUNNER:
A THREE.JS 3D NEON LANE SHOOTER GAME

What Is Lane Gunner?

Lane Gunner is a free portrait 3D arcade shooter for phones and desktop. A blue and white hover ship sits at the bottom of a three-lane neon road under a purple dusk sky and a city skyline. The guns fire on their own, so your only job is picking the lane: line up with red armored drones to shred their HP, slide away from the ones you cannot kill in time, and fly through gates that grow your firepower.

Waves get tougher every six rows, and every 10th wave brings a boss that blocks the whole road. 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/lane-gunner/. It is free with no download.

How to Play Lane Gunner

• Move: swipe or tap the left or right side of the screen to change lanes. On desktop use the arrow keys or A and D.
• Shoot: your ship fires automatically up its lane. Every drone shows its HP, so you can see what you can break in time.
• Gates: pink +N gates add firepower and green xN gates multiply it. Shooting a gate first can raise its number.
• Boost: kills charge the Boost meter. Tap BOOST (or press Space) for a few seconds of faster, harder-hitting fire.
• Survive: a drone reaching you in your lane, a boss shot or a boss reaching the bottom ends the run. P pauses and M mutes.

How Lane Gunner Is Built with Three.js

Lane Gunner is a single self-contained ES module on a self-hosted Three.js build. Everything is made from Three.js primitives with flat-shaded Lambert materials, so it stays light on phones and loads with no model files.

• The road is a dark plane with glowing pink and green edge strips and scrolling dashed lane dividers. A canvas gradient sky, box-built city silhouette and flattened dodecahedron clouds give the purple dusk look.
• The hover ship is a group of a ConeGeometry fuselage, swept BoxGeometry wings, an octahedron cockpit and a pulsing engine glow.
• Drones are pooled groups (an icosahedron or armored box with a glowing red core). Each one carries a Sprite with its own CanvasTexture that redraws the HP text and bar only when the HP changes.
• Gates use the same canvas-texture trick for the +N / xN sign, and bullets, enemy shots and sparks are fixed-size pools so nothing is allocated during play.
• Bullets use swept collision (previous z to current z) against each target lane, so fast shots never tunnel through a drone at low frame rates.

Code from Lane Gunner

Firepower is one number. The game turns it into up to seven visible bullet streams and splits the damage across them, so a huge multiplier stays readable on screen:

function fire() {
  const guns = Math.min(MAX_VISIBLE_GUNS, S.power);
  const dmg = S.power / guns * (S.boostT > 0 ? 1.6 : 1);
  const spread = Math.min(1.1, 0.24 * (guns - 1));
  for (let i = 0; i < guns; i++) {
    const b = take(bullets); if (!b) break;
    const off = guns === 1 ? 0 : -spread / 2 + spread * i / (guns - 1);
    b.active = true; b.dmg = dmg;
    b.m.position.set(S.x + off, 0.7, SHIP_Z - 0.9); b.m.visible = true;
  }
}

From games/lane-gunner/game.js

Flying through a gate either adds to or multiplies that firepower:

function addPower(g) {
  S.power = g.type === 'mul'
    ? Math.min(999, S.power * g.val)
    : Math.min(999, S.power + g.val);
}

From games/lane-gunner/game.js

Built for Mobile and Portrait Play

Lane Gunner is designed for one thumb on a phone held upright. It runs in a centered 9:16 portrait frame on every screen, keeps the top of the road clear with small score and wave chips in the corners, and uses pointer events so touch and mouse share one code path. How to Play opens a scrollable help panel that pauses rendering, and the pause menu offers Resume or Main Menu.

To stay smooth on phones the renderer caps the device pixel ratio, every moving object comes from a pool, and the game pauses itself when you switch tabs or apps.

Frequently Asked Questions