Friday Night Shapes

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 playable browser game titled “Friday Night Shapes,” a neon abstract rhythm-and-dodge prototype. Use an orthographic, flat 2D presentation rendered with simple Three.js-style geometric meshes over a very dark navy/black background with a subtle radial blue glow and faint square grid. The game screen is split into two stacked play areas: a top dodge arena occupying roughly the upper-middle portion, bounded by thin blue horizontal lines, and a bottom rhythm lane area with four vertical lanes separated by dark dividers. At the top of the screen, add a translucent rounded HUD panel with two full-width meters: a green “PERFORMANCE” bar and cyan “INTEGRITY” bar. Beneath them show “Song: Schoolyard Scramble” at left, changing status instructions in the center, and “Score 0” at right. At upper right below the HUD, show a rounded pill reading “Combo 0 · Shield 0.”

Before play, display a centered translucent dark rounded instruction card titled “Friday Night Shapes.” Its copy should explain that this is a prototype where the player dodges synced geometry in the top arena while hitting rhythm notes in the bottom lane; Performance and Integrity must stay above zero; an 8-hit streak grants a Shield Beat that blocks one attack; and controls are dragging in the left panel to move plus tapping four lane buttons or pressing A S K L. Put a bright cyan-to-pink pill-shaped “Start Battle” button above the bottom controls. The controls are two translucent rounded panels along the bottom: the left panel is labeled “DODGE ARENA CONTROL” and contains a dashed cyan-bordered touch area saying to drag there to steer the player in the top arena; the right panel is labeled “RHYTHM LANES” and contains four large buttons labeled A, S, K, L, colored cyan, pink, yellow, and green respectively. On narrow screens stack these panels vertically and keep the buttons usable.

During the battle, use a small cyan circular player avatar with a tiny dark-blue triangular hair/accent shape, controlled inside the top arena. The initial player position is near the center of the upper arena. The player can be moved by dragging in the left dodge control, which maps the drag position into the arena, or continuously with the keyboard Arrow keys. Clamp the player to the arena bounds. Draw a rotating/pulsing pink geometric boss core near the top center as decoration/origin for attacks.

Run one approximately 50-second song at 128 BPM named “Schoolyard Scramble.” Notes spawn on every other beat and travel downward through the four bottom lanes toward a bright horizontal hit line near the bottom of the playfield. Use four colored rectangular notes, one lane at a time, following this repeating lane pattern: 0,1,2,3,2,1,0,2,1,3,2,0,1,2,3,1,0,2,3,2,1,0,3,1,2,3,1,0,2,1,3,0. The player hits a note by tapping its matching A/S/K/L button or pressing the matching keyboard key when it is close to the hit line. Accept a hit within about 1.05 world units of the line. A successful hit raises Performance by about 4.5 up to 100, adds score based on timing (roughly 100–240 points), increments Combo and Best Combo, and creates matching colored spark particles at the hit line. Pressing the wrong lane or pressing too far from a note lowers Performance by about 8.5 and resets Combo; letting a note pass below the hit window lowers Performance by about 7 and resets Combo. Performance also slowly drains continuously at about 1.2 per second. End the game in defeat if Performance reaches zero.

Every two beats after the opening, spawn a top-arena attack from this repeating sequence: pulse ring, horizontal bar entering from the left, horizontal bar entering from the right, pulse ring, falling rain bar, bar entering from the top, pulse ring, spinning cross, then repeat with pulse, left bar, rain, pulse, right bar, cross, pulse, rain. Keep attacks as abstract pink/magenta geometry. Pulse attacks begin near the upper center and expand outward as rings; horizontal bars travel across the arena from left or right; rain bars fall vertically from above at random x positions; top bars fall from above; and cross attacks enter from either side while rotating. Detect collision between the cyan player circle and these shapes. A normal attack hit reduces Integrity by 18 (pulse hits use about 14), resets Combo, flashes the player, and emits red/pink sparks; give the player a short invulnerability period of about 0.6 seconds so a single attack cannot repeatedly damage it. End the game in defeat if Integrity reaches zero. If the player has a Shield Beat charge, consume one instead of reducing Integrity, show a “Shield Beat blocked a hit” status, and emit yellow shield sparks.

Every 8 successful notes in a row, grant one Shield charge, display “Shield Beat charged,” and show a glowing rotating yellow ring around the player while charges remain. The combo HUD must update live. The player should flash white briefly when damaged or shield-blocking. Use small fading particle sparks for successful notes, damage, shield blocks, and misses.

Provide simple synthesized audio initiated by the Start Battle interaction: a repeating 128 BPM musical loop with a triangle-wave lead melody, square-ish low bass, and membrane/percussion accents. Also play a short triangle lead note when a rhythm lane is successfully hit. Stop the music on game end. When the 50-second song completes, show a centered end card titled “Track Cleared,” with a success message and final Score, Best Combo, and Shield Beats used; otherwise show “Battle Lost” with a reason such as the performance bar crashing or the arena shattering the player, plus Score and Best Combo. Include a “Retry” button after either ending. Keyboard R should retry after a loss, and Space should start from the intro. Keep the overall style clean, high-contrast, abstract, responsive, and UI-heavy: dark translucent panels, thin borders, rounded corners, neon cyan/pink accents, and no character art or licensed assets.