Jade Banner

Lead a spear, glaive or bow officer through three battles to hold the turquoise banner against a rust army.

Three.js4 build stagesComplete game available

Make it yours ↓Play full game ↗

Local build pack · No model call starts on this page

THE GAME LOOP

A small idea worth finishing.

Three officers with different rules: line-piercing spear, wide staggering glaive, aimed bow with a charged fan
Capped crowds of sabre, shield and archer soldiers where attack tokens let only two or three strike at once
Three captains with telegraphed ground shapes and punish windows, plus two upgrade choices between chapters

THE LOOK & FEEL

A world with its own personality.

Original historical-inspired officers built from primitives: lamellar armour, layered shoulders, readable faces
Cyan-and-ivory heroes against rust-coloured soldiers; dawn terraces, misty river and a dusk fortress
Angled third-person camera, weapon trails, hit sparks and dust; telegraphs that fill as strikes approach

MADE FOR THUMBS

Plan the phone experience first.

Left stick to move; Attack (hold to charge with the bow), Dodge and Special buttons on the right, all 48px+ in safe areas. Pause top-right; works in portrait and landscape.

The playbook requests H5 layouts and input. Real-device playtesting is still part of the build.

01 / MAKE IT YOURS

Same spark. Your world.

Change a few details. The brief and every build stage update together.

Your main characterYour worldWhat the player wants to achieveA personal touch Optional

02 / YOUR BUILD PLAYBOOKThree.js direction

Create an original historical-inspired crowd-combat campaign as one self-contained browser game in Three.js (WebGL2). The player is a jade-and-ivory armoured officer with a red-tasselled spear fighting across a terraced mountain pass, a river bridge and a besieged fortress at dawn. Goal: win three chapters: hold the banner, beat the bridge captain and break the siege.

Offer three officers with distinct models and rules: a spear (long line thrusts, sweeping finisher), a glaive (wide arcs that stagger and break shields) and a bow (aimed shots, hold to charge a piercing fan). Spear and glaive have three-hit combos; bow has rapid shots, volleys and a charged fan. All have an invulnerable dodge with cooldown and a special charged from hits. Enemies are sabre, shield and archer soldiers in capped waves; attack tokens let only two or three strike at once and every blow has a visible wind-up. Each chapter has its own mission (protect a banner, defeat a captain, destroy siege rams) and ends with a captain whose moves are telegraphed on the ground.

Between chapters choose one of three upgrades. Add Standard and Veteran difficulty that change pressure, a skippable training ground, chapter replay, pause with settings and an honest result screen. Keep rules deterministic and apart from rendering; use procedural meshes and textures only.

The full pack adds the H5 controls, build contract and acceptance checks.

Copying, downloading and customizing are free. No build starts here.

Read the full local build pack

# Jade Banner — SiGameGen original game brief

Prompt template, not a prebuilt game. Engine direction: Three.js.

## Project brief

Create an original historical-inspired crowd-combat campaign as one self-contained browser game in Three.js (WebGL2). The player is a jade-and-ivory armoured officer with a red-tasselled spear fighting across a terraced mountain pass, a river bridge and a besieged fortress at dawn. Goal: win three chapters: hold the banner, beat the bridge captain and break the siege.

Offer three officers with distinct models and rules: a spear (long line thrusts, sweeping finisher), a glaive (wide arcs that stagger and break shields) and a bow (aimed shots, hold to charge a piercing fan). Spear and glaive have three-hit combos; bow has rapid shots, volleys and a charged fan. All have an invulnerable dodge with cooldown and a special charged from hits. Enemies are sabre, shield and archer soldiers in capped waves; attack tokens let only two or three strike at once and every blow has a visible wind-up. Each chapter has its own mission (protect a banner, defeat a captain, destroy siege rams) and ends with a captain whose moves are telegraphed on the ground.

Between chapters choose one of three upgrades. Add Standard and Veteran difficulty that change pressure, a skippable training ground, chapter replay, pause with settings and an honest result screen. Keep rules deterministic and apart from rendering; use procedural meshes and textures only.

## Local build contract

Work in a new isolated project directory through my signed-in local Claude Code subscription. Do not call a separate model/image API, change provider settings, use an API gateway or spend on a paid service. Do not deploy, publish, commit or push without an explicit follow-up instruction. Read applicable repository instructions first.
Build a complete browser game with the full campaign and progression in the project brief. Keep the rules-first stage as development work, then finish the art, game feel and release review before calling the game complete. Include an interactive skippable tutorial, distinct data-driven levels or missions, meaningful progression, fair failure and chapter retry, a final ending, settings and replay. Pin locally installed dependencies; bundle code, engine, fonts and assets into a self-contained HTML. Use original procedural art or supplied assets with permission and keep a licence inventory. Separate deterministic rules, input, renderer, UI, audio and scene data.
SiGameGen embed contract: opaque-origin iframe, no runtime CDN/imports, fetch/XHR/WebSocket, browser storage, popups or page navigation. Keyboard and touch must work without pointer lock on phones. Emit only integer points: parent.postMessage({type:'sigamegen:game-event',version:1,event:'started',score:0}, '*') once per run, and the same schema with event:'game_over' and the final score once at win/loss. Points are not money.
Save campaign checkpoints through the host only. Request {type:'sigamegen:save-request',version:1,gameId:'<game-id>'}; accept {type:'sigamegen:save-state',version:1,gameId,state,storage:'available'|'unavailable'} only from window.parent. Validate your actual save schema, own-key IDs and ranges. Post {type:'sigamegen:save',version:1,gameId,state} with a small plain JSON state (<=8192 UTF-8 bytes); state:null explicitly clears it. Show saved only after {type:'sigamegen:save-status',version:1,gameId,status:'saved'|'cleared'|'unavailable'|'invalid'} from the parent. Failed or missing acknowledgements must stay honest and allow retry; missing storage must not block play. Local progress and scores never authorize money or rewards.
Audio is off until opt-in. Support volume, reduced motion, safe areas, controls at least 48px, portrait/landscape camera fit, pointercancel, pause/restart confirmation, tab hide and return without fast-forward. Tutorial hints must leave the action visible, and primary actions must fit short landscape screens. Stop rendering while paused, hidden and on results; cap particles/enemies and mobile DPR at 1.5. Target <=1.6MB raw / 400KB gzip; measure the actual result, not a promise. Test actual game fairness, legal-input progression, loss/retry and save validation; then review the full campaign, upgrades, ending and replay in the real sandbox at 320x568, 393x852, 852x393 and desktop. Keep inspection bots and debug controls out of release builds. Report passed checks and untested device/audio paths separately.

## Continue in the same Claude Code project

### 1. Core mechanics

Build the deterministic rules first with greybox art: a jade-and-ivory armoured officer with a red-tasselled spear as a capsule in simple arenas for a terraced mountain pass, a river bridge and a besieged fortress at dawn. Implement fixed-step combat (combo windows, hit registries, dodge invulnerability and cooldown, special gauge), sabre/shield/archer AI with attack tokens and separation, captains with telegraph, strike and open phases, the three missions and the campaign with upgrades, so a player can win three chapters: hold the banner, beat the bridge captain and break the siege. Write tests: attacker cap, damage only after wind-ups, one hit per swing, one special per full gauge, telegraph timing, each mission's win and loss, save validation, and an input-only bot that clears every chapter with every officer on Standard.

### 2. Art pass

Art pass: model a jade-and-ivory armoured officer with a red-tasselled spear and the other two officers from primitives with tapered lamellar torsos, layered shoulder plates, armoured skirts, faces, flowing sashes and distinct weapons; animate idle, run, each combo swing, dodge roll, special and hurt. Draw the rust army as instanced soldiers (torso, head, legs, weapon arm per type) with stance, wind-up and fall animations. Build a terraced mountain pass, a river bridge and a besieged fortress at dawn as three procedural maps with layered terraces or riverbanks, buildings, trees and far hills, one shadowing sun and blob shadows for crowds. Keep a licence note.

### 3. Game feel

Make every blow on the way to win three chapters: hold the banner, beat the bridge captain and break the siege readable: weapon trails, short hit-stop, knockback, sparks, dust rings, shield-block flashes and a camera shake that reduced motion turns off. Telegraph soldier wind-ups with rings and captain moves with ground shapes that fill before they strike, and flag captain openings. Frame the camera so the officer sits above the touch controls in portrait. Add opt-in synth music and effects with volume sliders, and a four-step training ground (move, combo, dodge, special) shown in a compact strip that never covers the action.

### 4. Review & ship

Review the a jade-and-ivory armoured officer with a red-tasselled spear campaign as a release candidate at 320x568, 393x852, 852x393 and desktop: controls at least 48 px in safe areas, simultaneous move and attack, inputs cleared on blur, pointercancel, pause and hide. Pause and hidden tabs must stop simulation and rendering. Validate saves with own-key ID sets, post saves only at checkpoints, and show 'saved' only after the host confirms. Build one self-contained HTML with pinned dependencies and no dev tools, no network or storage, and one started and one game_over event per run. List anything unverified.

## Acceptance checks

- An input-only bot clears all three chapters with every officer on Standard, and idle play loses each chapter.
- No more soldiers than the difficulty's token count strike at once, and every blow lands only after its visible wind-up.
- Captain damage arrives only after its ground telegraph has filled; stepping or dodging out avoids it.
- Saves with unknown or prototype-key ids are rejected, and progress resumes from the last cleared chapter.

## Research references

These are design references, not included code or assets. The prompts are original SiGameGen briefs. Model attribution in external repositories is creator-reported.

- Voxel Musou · mike007jd: https://github.com/mike007jd/voxel-musou
  A public crowd-combat reference for attack timing, hit-stop and instanced soldiers. Jade Banner uses original officers, environments, missions and rules authored with the local Claude Code desktop session.

Want a quick 2D sketch first?

The online builder adapts these mechanics to Canvas 2D. The full Three.js version is built in your local Claude Code project.

Open a 2D sketch ↗Opening the builder is free. Only confirming Build game uses platform credits.

DONE MEANS PLAYABLE

The checks this game should pass.

An input-only bot clears all three chapters with every officer on Standard, and idle play loses each chapter.
No more soldiers than the difficulty's token count strike at once, and every blow lands only after its visible wind-up.
Captain damage arrives only after its ground telegraph has filled; stepping or dodging out avoids it.
Saves with unknown or prototype-key ids are rejected, and progress resumes from the last cleared chapter.

These are requirements for your future build, not results already verified for this prompt.

RESEARCH, WITH CREDIT

What shaped this playbook.

Original SiGameGen prompts authored in our local Claude Code subscription session. References inform the design; their code, assets and prompts are not bundled. External model attribution is creator-reported.

GitHub

Voxel Musou · mike007jd ↗

A public crowd-combat reference for attack timing, hit-stop and instanced soldiers. Jade Banner uses original officers, environments, missions and rules authored with the local Claude Code desktop session.