Remix: Cannon Clash

Starter recipe · written by Vibe1Up

Starter recipe: a learning template written by Vibe1Up from the game's public description. It has not been reproduced in a fresh AI-builder session. It is not the creator's official prompt. Are you the creator? Share yours and we'll show it with the Creator's prompt badge.

Open Bolt ↗

Affiliate link: Vibe1Up may earn if you subscribe. Free option: ask a coding tool for one HTML file and run it locally. Builder usage limits still apply.

Read the full Starter recipe

Build a small, playable browser game inspired by "Cannon Clash" (Puzzle).
Concept: Two player physics based puzzle shooter.
Tech: use Three.js; keep it to a single page that loads instantly with no login or install.
Controls: touch controls (tap/drag) that work on a phone plus keyboard and mouse on desktop, shown on a short how-to-play screen.
Players: single-player.
Core loop: include a visible score, an optional local high-score table, progress saved in localStorage.
Audio: add simple sound effects and music (start audio on the first click/tap).
Steps: 1) get the core mechanic playable with placeholder shapes, 2) add win/lose conditions and restart, 3) polish feel, visuals and sound, 4) add your own twist (setting, character or one new rule).
Make it your own: don't copy the original's name, art, text or code.

Remix notes (our suggestions, not the creator's)

Cannon Clash is a Three.js puzzle game described as a two-player, physics-based puzzle shooter, and it's flagged mobile-ready. Two players, physics and puzzles together is a great recipe. Every shot is a little experiment, and having a rival watching makes each one count. Remix idea (our suggestion): keep the turn-based physics duel and change what you launch or what you're knocking down. Water balloons at sandcastles, magnets at metal towers, or bouncing slimes off walls would all keep the same 'aim, predict, fire' loop. Prompting tip: ask your AI tool for a fixed physics timestep, a dotted aiming arc, and an instant replay of each shot. Two players on one device is the fastest way to test, so ask for pass-and-play before any online mode. Seed the level so both players face the same layout.

Back to game Choose a different twist

Build, publish and optional polish

Next: build your first version

Copy the Starter recipe above, open a builder, and paste it into a new project. Get the core game working before adding extras.

Build with Bolt ↗

Affiliate link: we may earn a commission if you sign up or pay through this link, at no extra cost to you. A recommendation is not proof that this recipe has been reproduced in that tool.

Publish it, then polish later

host it free on Netlify. Once the core game works, optionally add voice or sound with ElevenLabs or 3D assets with Meshy. Netlify, ElevenLabs and Meshy are affiliate links; we may earn a commission at no extra cost to you. None of these extras is required to build the core game.

Created by @swiftfoxsw · Original game: cannonclash.com · All rights in the game belong to its creator.

Claim or remove this listing · How we credit creators