Twilight Command

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

Create a full-screen responsive 2D HTML-canvas real-time naval/air battle game titled “Twilight Command.” The camera is a fixed, wide side-on battlefield view with no scrolling: a dark purple twilight sky occupies the upper half, filled with sparse tiny stars and a large pale cratered moon near the upper center; a jagged dark shoreline separates the sky from a dark blue-black ocean in the middle/lower area, with subtle animated horizontal wave lines. Use a moody cinematic palette of deep navy, violet, muted pink, crimson, and warm cream, with clean high-contrast Arial-style UI typography and simple vector silhouettes rather than images.

The player controls the left-side command ship labeled “CHARLIE,” while an opposing ship on the right is labeled “RIVAL FLEET.” Draw each as a compact dark battlecruiser silhouette sitting on the water, with a small superstructure and red flag detail. Put a red/pink health bar beneath each ship. At the top left show CHARLIE, the subtitle “COMMAND RESERVE,” a 100-point health bar, and a resource bar with a numeric reserve such as “90 / 120.” At the top right mirror this for “RIVAL FLEET,” using the subtitle “BATTLECRUISER STATUS,” with its own health and reserve. Player starts at 100/100 HP and 90/120 reserve, gaining 6 reserve per second; enemy starts at 100/100 HP and 75/120 reserve, gaining 5 per second.

The core mechanic is real-time deployment of three asymmetric unit types from a bottom deployment panel. Units automatically travel horizontally toward the opposing command ship and fire at range. Player units move from left to right; enemy units move from right to left. Aircraft fly around y=41% of the screen with slight vertical bobbing, while ships travel around the ocean line at y=62%. Represent units as small minimalist glowing vector silhouettes: a coral-red bomber aircraft, a gold/orange anti-air gun symbol, and a pale blue destroyer boat. Units stop when near the opposing side and fire colored projectiles with bright cream tips and short arcing trails. Show small square particle bursts on impact.

Unit data and combat rules must match these values: BOMBER costs 50 reserve, is a slow aircraft that “bombs cruisers,” coral color #ef6b62, speed 42, damage 18, cooldown 1.1 seconds, and is countered by AA GUN. AA GUN costs 35, is an “Anti-air screen · fast fire,” gold #ffbf69, speed 110, damage 9, cooldown 0.52 seconds, and is countered by DESTROYER. DESTROYER costs 70, is a “Fast ship · hunts AA boats,” light blue #93b7ff, speed 60, damage 15, cooldown 1.35 seconds, and is countered by BOMBER. Each deployed unit spends its cost and begins with a randomized small positional offset and attack delay. A nearby enemy counter unit of the appropriate type within about 170 pixels reduces the unit’s outgoing damage to 38% of normal. Units themselves are not individually damaged; they disappear after reaching the opposing command ship, while their projectiles damage the corresponding command ship. Enemy AI automatically chooses a random affordable unit every roughly 2.2–4.3 seconds (slightly faster when its HP is below 40) and deploys it from the right.

At the bottom, reserve a dark translucent deployment panel about 132 pixels high. Label it “DEPLOYMENT DOCTRINE,” and show the hint “TAP A CARD  ·  TAP AGAIN TO LAUNCH.” Center three circular unit cards horizontally: bomber, AA gun, and destroyer, with their icon, keyboard number 1/2/3, unit name, and cost. Selecting a card highlights it with its unit color and glow, and shows a description box on the lower right containing the selected name, its subtitle, “COUNTERED BY [unit],” and the cost with a diamond resource mark. Support mouse, touch, and pointer input for card selection, plus keyboard shortcuts 1, 2, and 3; pressing Space after selecting a card deploys it if enough reserve exists. Display brief centered status messages near the upper middle such as “SELECT A UNIT TO DEPLOY,” “BOMBER DEPLOYED,” “ENEMY DESTROYER INBOUND,” or “INSUFFICIENT RESOURCES.”

The battle continues until either command ship’s HP reaches zero. On player victory, darken the whole screen with a translucent overlay and show centered “VICTORY,” “The rival battlecruiser is silent.” and a bordered “TAP TO RESTART” button. On defeat show “FLEET LOST,” “Charlie command has gone dark.” and the same restart control. Tapping/clicking or pressing R after the battle resets both sides, clears all fleets, shots, and particles, restores the initial resources and health, and resumes play. Keep the visual presentation polished but restrained: subtle star twinkle, moon gradients and craters, animated waves, colored unit silhouettes, projectile trails, impact sparks, rounded UI panels, and responsive sizing for both desktop and mobile screens. Do not add a minimap, scrolling camera, extra levels, inventories, or unshown weapons.