straitfire
proGet the prompt, project and Figma file with monthly ($29 a month) or yearly ($249 a year). Plus tax where it applies.
A complete browser game in three.js and React. Two sectors of an isometric sea glow blue and red under a holographic grid, with islands, spinning radar towers and patrol aircraft. Pick a side, deploy ten ships with a live placement preview (rotate, pick up and move, auto-place), then fire: missiles arc across the strait from your own ships, misses splash and ripple, hits explode with sparks, a shockwave and camera shake and keep burning, and a hit fires again. Sunk ships surface as damaged holograms and their neighbouring cells clear themselves. The computer hunts, then finishes off damaged ships. Fleet panels, shots and accuracy, a battle log, toasts and a victory or defeat screen; mouse and keyboard on desktop, taps on phones with a camera that follows the board in play.
what you get
- prompt
- Paste it into Claude, Codex, Kimi or Cursor to rebuild this template. Tested: we rebuild every template from its prompt before it goes live.
- project
- The Vite + React source code as a .zip, ready to run.
- figma file
- The editable design as a .fig file to import into Figma.
what's inside
- side picker
- fleet deployment
- computer opponent
- missile and explosion effects
- victory and defeat screens
stack
- react
- vite
- typescript
- three.js
- webgl
fonts
Chakra Petch
Free fonts, linked in the prompt.
colors
- #030507
- #3AA8FF
- #FF4747
- #FF8A3C
- #E6EDF4
license
With monthly or yearly: personal and commercial work, client projects included. Don't resell or share the template, prompt or files.
read the license
