Diamond Duel

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 3D arcade baseball timing game titled “Diamond Duel,” presented as a single playable batting challenge. Use a fixed third-person camera behind and slightly above home plate, looking down the center of a compact baseball diamond toward the pitcher. The camera should show the batter and bat in the foreground, the pitcher centered in the distance, the brown infield dirt strip, green outfield, home plate, three white bases, foul-line chalk, distant dark teal outfield wall, and two tall dark foul poles. Use a dark navy sky/background with light fog and soft shadows. The visual style is colorful, low-poly, toy-like 3D: use stylized Kenney-like soldier/arena character models for the batter and pitcher, simple geometric field meshes, a white baseball with a red seam, and a warm wooden bat. Add simple stadium props such as banners around the field and a trophy visible near the right side of the infield/outfield area.

The player controls only the swing: press Space or tap/click a large bottom-center button when the incoming ball reaches the plate. At the start of each pitch, spawn the baseball high in front of/behind the pitcher at approximately x=0, y=1.38, z=-7.8 and move it rapidly toward home plate along the z axis at a slightly randomized speed. Show a centered status message such as “Pitch incoming…” and change it to “NOW!” while the ball is in the hitting window near the plate. Only allow one swing per pitch. Evaluate the swing from timing and horizontal accuracy: timing is best when the ball is near the plate around z=2.25, and accuracy is best when the ball is near the center x=0. Combine timing at 70% and horizontal accuracy at 30%. A strong enough result is a hit; moderate successful hits score 1 run and display “BASE HIT! Runner moving!”, while excellent timing/accuracy scores 2 runs and displays “CRUSHED! A gap shot for two!”. Send the hit ball away from the batter with upward velocity and gravity so it arcs into the field; end the pitch when it falls near the ground or travels beyond the outfield.

If the player swings too early, too late, or too far from the center, count it as a swing and miss, increment strikes, and display “Swing and miss.”; on a third strike display “STRIKE THREE — side retired.” If the player does not swing and the ball crosses past the plate, count it as “Called strike — right over the plate.” and increment strikes. Preserve the implemented count/game flow, including the displayed balls-strikes count and nine-pitch progression; after a result, wait about five seconds before starting the next pitch. The game advances through nine pitches total, updating the pitch indicator, and then ends with a game-over state and a final message such as “Final score: X runs — walk-off energy!” for scores of 3 or more, otherwise “keep your eye on the ball.” Disable further swings after game over and provide a RESTART button (also allow R to restart after game over).

Overlay a responsive HUD over the canvas. In the top-left, show a dark translucent rounded panel with yellow uppercase “DIAMOND DUEL,” the large title “Bottom of the 9th,” and subtitle “Time your swing. Own the moment.” In the top-right, show a matching stats panel with Runs, Count, and Pitch values, initially 0, 0-0, and 1/9. Place the current pitch message in a centered translucent rounded panel near the top. At the bottom center, show a small instruction reading “Press the SPACE BAR when the ball reaches the plate” and a large rounded yellow-to-orange gradient button labeled “SPACE BAR” (the button may be styled as a swing button) with a pressed-scale effect. Use clean bold sans-serif typography, responsive spacing for mobile screens, dark translucent panels, and an atmospheric arcade-sports presentation. Render with antialiasing, shadows, tone mapping, hemisphere plus directional/rim lighting, and resize responsively to fill the browser window.