Armor Training

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.

Recreate a browser-based interactive game titled “Armor Training” (the page’s visible UI uses Italian labels in places, while the training HUD is English). Build a full-viewport dark sci-fi command-center interface split into two equal feed panels with a narrow divider: desktop/computer feed on the left and a mirrored webcam/suit feed on the right. On narrow screens stack the panels vertically. Use a nearly black navy background with subtle blue/green radial gradients, faint cyan grid lines, thin luminous borders, translucent glass panels, monospace diagnostic typography, cyan/orange/gold glow accents, and animated scanning/pulsing HUD elements.

LEFT PANEL — ARMOR TRAINING GAME: Put a full-panel HTML canvas over the desktop feed. It is an always-running local co-op target shooting/training mini-game. Display a centered HUD near the top reading “ARMOR TRAINING // LOCAL CO-OP”, with P1 score and combo on one line and P2 score and combo on the next (initially P1 0000 / C1 0 and P2 0000 / C2 0). The canvas has a faint cyan crosshair grid through its center. Player 1 has a cyan glowing circular aim reticle controlled by mouse or touch/pointer movement; clicking/tapping fires. Space also fires for Player 1. Player 2 has an orange glowing reticle; move it with the Arrow keys and fire with Enter. Keep the two players’ scores and combos separate, but share one energy resource.

Spawn round red training targets from random edges of the canvas approximately every 0.9 seconds while fewer than seven exist. Targets are circular, about 16–28 pixels radius, outlined in bright yellow with orange glow and a small pale center, and move toward the canvas center at roughly 28–52 pixels per second. Each target lasts about seven seconds and is removed if it expires or travels outside the area. A shot costs 6 energy, has a roughly 180 ms global cooldown, and firing is disabled if energy is below 6. Energy starts at 100, regenerates at 5 per second up to 100, and should be represented in the game state even if the main visible training HUD primarily shows score/combo. A shot hits when the firing player’s reticle is within target radius plus about 22 pixels. On hit remove the target, award 100 plus 25 times the current player combo, increment that player’s combo, and emit a burst of 12 small glowing yellow sparks that scatter and fade. On a miss reset only that player’s combo. Keep the playfield responsive and use a crosshair cursor.

LEFT PANEL — DESKTOP/ARMOR OVERLAY: Include a clickable status pill at top-left for desktop screen sharing, initially indicating that desktop sharing can be enabled. A translucent chat panel sits along the bottom of the desktop panel, with an initial bot message explaining “CO-OP locale: P1 mouse/touch + Spazio · P2 frecce + Invio.” Include a text input and send button. The chat accepts Italian-style commands and posts user/bot messages, including commands for starting/stopping desktop sharing, camera, status, help, Armor Tech, microphone, scan, repulsor/fire, helmet open/close, night vision, skeleton-only, and full suit. Keyboard shortcuts include D desktop share, X stop, C camera, S status, H help, I Armor Tech, O open helmet, N night vision, V microphone, R system scan, F repulsor, B body tracking, and K skeleton mode. Desktop sharing should use the browser display-capture permission when requested, optionally with audio, show status such as desktop active/audio absent or permission denied, and display the captured stream as the desktop video background. Do not pretend capture is active before permission is granted.

Show a colorful animated “ARMOR TECH // SYSTEM ONLINE” overlay over the desktop panel, with translucent corner readouts for POWER and SUIT STATUS, each with a cyan progress bar, a central pulsing circular rainbow energy core near the lower center, a faint central vertical color line, an inset border, and slow floating/pulsing animations. This Armor Tech overlay is enabled by default and can be toggled through the assistant commands. The overall overlay should remain a diagnostic simulation rather than a separate combat scene.

RIGHT PANEL — SUIT CAMERA: Include a clickable top-right status pill for camera permission and another for microphone permission. The camera panel should request the user-facing webcam only after interaction, show the live video mirrored horizontally, and fall back gracefully with a reduced-tracking status if camera/pose support is unavailable. Add a warm orange/gold sci-fi HUD: “SUIT CAM // OPTICAL LINK” near the top-left, an animated circular reticle around the upper-middle labeled “SUIT TRACK”, a lower-left readout “VIEW ALIGNED / BODY TRACK: SIMULATION”, and a clickable “HELMET CLOSED” label near the upper-right. Add scanlines, orange vignette glow, and diagnostic grid styling.

When pose tracking is available, use webcam body landmarks to draw a luminous augmented-reality suit over the person: a translucent dark-red torso plate outlined in gold with a bright circular chest reactor, red/gold armor plates along upper/lower arms and legs, glowing joint markers, cyan repulsor circles at both wrists/hands, and blue boot-thruster marks at the feet. Smooth the landmarks so the overlay follows movement without excessive jitter. Update a “SUIT LAYOUT” glass panel at lower-left listing HELMET, CHEST, GLOVES, BOOTS, and REPULSORS with WAIT or LOCKED states based on visible landmarks. If skeleton-only mode is selected, replace the armor plates with a cyan glowing stick skeleton and joint points and mark the parts SKELETON. If face tracking is available, draw a red-and-gold helmet/face shell over the detected face with pulsing cyan eye slits. Helmet closed uses opaque red/gold fills; helmet open makes those fills mostly transparent while retaining outlines and eye effects. Clicking or commanding helmet open/close toggles this state.

RIGHT PANEL — SYSTEM SCAN AND AUDIO: Include a green diagnostic “SYSTEM SCAN” panel at lower-right with CAMERA, DESKTOP, and AUDIO rows, a cycling scan progress bar, and an audio level bar. If desktop audio is shared, analyze its frequency data and label the audio as silence, probable music, or probable voice/advertising; otherwise show waiting/audio unavailable states. The microphone command requests microphone permission and, where supported, uses continuous Italian speech recognition. Recognized command phrases are routed to the same assistant; speech responses may be spoken in Italian. Show clear statuses for active, blocked, unsupported, or stopped microphone. The scan/status UI must reflect whether camera, desktop stream, desktop audio, pose tracking, face tracking, and microphone are actually active.

FUNCTIONAL DETAILS: Make the game run continuously with requestAnimationFrame updates, responsive canvas resizing, animated reticles, sparks, HUD glow, and graceful permission/error handling. Night vision mode applies a greenish monochrome/sepia filter to the webcam and suit overlay and can be toggled by command. Provide accessible labels and buttons, but preserve the visual style: dark split-screen sci-fi control console, translucent panels, cyan/amber/red suit graphics, glowing diagnostic text, and a local two-player target practice game layered over a desktop-sharing simulation. Expose or maintain game state for desktop/camera/audio, Armor Tech, helmet, night vision, skeleton mode, P1/P2 score and combo, energy, target count, and tracking statuses so the game can be inspected and restored.