chop-n-bike

Web-based 3D platformer adventure game with 6 unique levels, compatible with desktop and mobile

Play it: https://chop-n-bike.vercel.app/ — on iPhone/iPad use Safari's Share → "Add to Home Screen", and on Android use Chrome's "Install app", to get a full-screen app icon.

Description

This is a multi-level 3D platformer game where you progress through diverse environments, each with unique mechanics and challenges. The game features a stickman character with arms and legs who can run, jump, climb, swim, and wield a sword.

The camera uses an over-the-shoulder view, allowing you to see your character's back while exploring the worlds.

The Levels

Level 1: Dark Forest

The adventure begins in a mysterious dark forest bounded by a ring of mountains. This procedural terrain features:

• Dense forest with 85 trees you can chop down with your sword
• Circular paths to guide your exploration
• A red bike hidden in the forest: ride over it to hop on and move almost twice as fast
• Glowing cyan portal exit once you find your way through

Design Note: The original concept focused on exploration and resource gathering, with the satisfying mechanic of clearing your own path through the trees.

Level 2: Ocean World

"Build out the second level for after the player completes the first level (i.e. exiting the dark forest of level 1). The second level is an ocean level full of water, and more daylight-lit... The level's exit is hidden somewhere underwater."

Emerging from the dark forest, you find yourself in a bright, expansive ocean:

• Naturally sink slowly in water, with faster sinking on Shift key (desktop) or Sink button (mobile)
• 25 floating trees you can climb but cannot chop
• Jellyfish and pufferfish swimming in the depths
• Jump button enables swimming upward
• Stand on tree tops and jump between them
• Movement is naturally slower in water than in air
• Exit portal hidden deep underwater

Level 3: Train & Maze

Jump aboard a train circling a track on red dirt:

• Climb the station steps and hop onto the train's roof when it pulls in and stops
• Ride it around the track (the train is solid, so stay off the rails!)
• Jump off at the far station next to the maze
• Navigate through a golden maze (no walking through walls!) to the portal at its center

Level 4: Space Planets

Float through space and leap between spherical worlds:

• Each planet has its own gravity
• Jump from planet to planet in zero-gravity space
• Five planets to explore
• Exit portal located on the golden fifth planet
• Master gravity-assisted jumps to progress

Level 5: Moon Surface

Explore a cratered lunar landscape:

• Navigate moon craters and rough terrain
• Battle green aliens with your sword
• Exit portal hidden somewhere on the moon

Level 6: Pink Island

The final challenge on a vibrant pink island:

• Surrounded by ocean waters
• Pink trees dotting the landscape
• Pink skull enemies to defeat
• Find the final exit portal to complete your journey

Each level was thoughtfully designed to introduce new mechanics and build on skills learned in previous stages, creating a progressive adventure from dark forest to alien worlds.

How it was made

This game was designed by a parent and daughter, who came up with the levels and the ideas for each one and then built them with Claude Code. The bulk of the levels, through October 2026, were written with Claude Sonnet 4.5. Development is now continuing with Claude Opus 5.5.

Controls

This is a web game and can load in a browser. On deskop the controls would be WASD or the arrow keys for movement, the spacebar to jump (or swim up), K to swing the sword, Shift to sink faster in water, and mouse controls to change the direction the player is facing. On mobile devices, use touch-screen controls similar to Minecraft Bedrock Edition: left side has a displayed touch-pad, right-side has buttons to tap for jump (J), sword-strike (C), and sink (S, in the ocean). Touching in other areas of the screen can rotate the camera.

The game has synthesized sound effects (jumps, sword swings, chopping, splashes, the bike bell, the train whistle, and a chime at each portal). The speaker button under the score turns sound on or off. On iPhone, sound also follows the ring/silent switch.

Frameworks

This is based on Three.js with whatever additional overarching framework Three.js would be paired with, such as NextJS.

Getting Started

npm install      # Install dependencies
npm run dev      # Start development server with hot reload
npm run build    # Production build
npm run start    # Start production server
npm run lint     # Run ESLint