Steel Yard Competitive

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 browser-based first-person 3D arena shooter titled “Steel Yard // 1V1.” Use Three.js or an equivalent real-time 3D engine with a dark navy background, perspective FPS camera (about 72-degree field of view), soft shadows, fog fading into the distance, cool blue overhead lighting, and a subtle red/pink rim light. The player begins near the south end of a rectangular industrial steel yard at approximately (0, 1.1, 12), facing the opponent near the north end at (0, 1.1, -11). The arena is a 44-by-34 unit enclosed rectangle: a dark blue-gray metal/concrete floor, 5-unit-high perimeter walls on all four sides, and an industrial cover layout. Include a 5-by-5 central block about 2.2 units high with a thin glowing cyan strip along its top; head-high rectangular cover at (-10, 0.75, -5) and (10, 0.75, 5); low 3-by-0.9 cover at (-11, 0.45, 8) and (11, 0.45, -8); taller narrow lane-cover blocks at (-7, 0.95, -10) and (7, 0.95, 10); two 3-by-3 towers roughly 3.8 units high at (13, 1.9, -11) and (-13, 1.9, 11); raised thin bridge-like cover platforms at (-11, 3.8, -1) and (11, 3.8, 1); and four 2-by-2 corner pillars at approximately (+/-17, 1.5, +/-10). Make the environment sparse, geometric, metallic, and industrial, with materials ranging from dark slate gray floor and walls to lighter gray cover, moderate roughness and metalness, and cyan accent illumination.

The game is a single-player 1v1 deathmatch against one stationary armored bot. Show the player’s weapon in the lower-right first-person view: an AK-style/machine gun with a dark metal receiver and barrel, brown wooden stock and magazine, and a visible hand; if a weapon asset is unavailable, construct these parts from simple boxes, cylinder geometry, and a hand-colored sphere. The opponent is a simple low-poly humanoid assembled from capsule and sphere geometry: red/maroon armored torso and arms, dark legs and helmet, reddish skin-colored head, and a glowing cyan visor, holding a dark rifle. The bot should turn to face the player but should not navigate or chase.

Implement FPS controls: click the canvas to aim and request pointer lock, WASD to move, Shift to run, Space to jump, and hold the left mouse button to fire continuously. Display a small white crosshair at the exact center of the screen made from vertical and horizontal bars with a faint cyan glow. The rifle fires approximately every 115 ms, uses a 30-round magazine with 90 reserve rounds, and each shot consumes one round. Press R to reload; reloading takes about 1.1 seconds, temporarily stops firing, and visibly animates the weapon downward/sideways before refilling the magazine from reserve. If the magazine reaches zero, automatically begin reloading. Hits are raycast from the camera center toward the crosshair and only damage the bot’s torso, head, or glowing visor. A torso hit removes 18 health; a head or visor hit is an instant kill. The player starts at 100 health. The bot periodically fires about every 650 ms, but only damages the player when it has a clear line of sight not blocked by arena geometry and is within 30 units; each valid bot hit removes 8 health. End the round when either health reaches zero: show “YOU WIN” if the bot is defeated, or “BOT WINS” if the player is defeated, and stop gameplay. Provide a “PLAY AGAIN” button that restarts the round.

Build the HUD as fixed HTML/CSS over the canvas. In the upper-left, show a translucent near-black rounded panel with a thin pale-blue border containing the cyan/white title “STEEL YARD // 1V1,” bright green “YOU 100” health text, and gold ammo text such as “AK 30 / 90,” updating live and changing to “RELOADING...” during reload. In the upper-right, show a matching panel labeled “OPPONENT” with pink/red “BOT 100,” updating with damage. At the bottom center show the instruction line: “Click to aim • WASD move • Shift run • Space jump • R reload • Hold mouse to fire.” Use a very dark navy page background, clean system sans-serif typography, high contrast, translucent HUD panels, and subtle text shadows. Keep the camera and HUD uncluttered and preserve the stark, cool-toned steel-yard presentation.