Five M

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-playable abstract 3D/2.5D strategy puzzle titled “Five M.” Use a dark navy-black full-screen background and an orthographic, slightly elevated isometric camera looking down at a compact 5x5 board. Build the board procedurally from 25 alternating dark blue-gray square tiles on a thin dark base plate, with soft shadows, ambient hemispheric lighting, and a bright directional key light. Keep the presentation clean, minimal, and low-poly with no decorative scenery.

Place exactly five distinct procedural M-shaped pieces on the board. Each M is a small extruded low-poly 3D object made from four teal/turquoise rectangular bars forming the letter M, plus a small center cap/gem. The pieces should cast shadows, subtly bob, and slowly rotate; the currently selected piece should enlarge slightly, change from mint/turquoise to warm yellow, and rotate faster. Start the puzzle with pieces at grid coordinates (row 0, col 0), (0,4), (2,1), (3,3), and (4,0). Also begin with two dull charcoal-gray low-poly stone blockers at (1,3) and (3,1). Blockers occupy cells and cannot be moved onto.

Core interaction is click/tap only. Tapping an M selects it and displays glowing blue circular placement markers on every empty cell whose Manhattan distance from that piece is at most 3. Tapping a highlighted legal cell moves the selected M there, increments the move counter, and keeps that piece selected so its new legal destinations are shown. Tapping an occupied, blocked, or non-highlighted cell must not move the piece and should show feedback that the square is not legal. Use a soft interface click sound on pointer interactions if available.

The goal is to occupy all five cells of any complete horizontal row, vertical column, or either of the two corner-to-corner diagonals with the five M pieces. When a line is completed, end the round, clear legal markers and selection, show a bright translucent lime-green bar/line across the winning five cells, and report that the player formed five M pieces in a line and how many moves it took. The player has a maximum of 14 moves. After a move, every fourth move, add one new dull stone blocker to a currently empty edge cell, using deterministic selection if needed; allow up to eight blockers total. The round also ends in a loss when 14 moves are reached without a line, or when there are no empty cells left. Show distinct loss feedback for the move limit and for the board filling before the line is complete.

Implement Undo and Restart controls. Undo restores the complete previous state (piece locations, blocker locations, selected piece, move count, game-over/win state, and message); maintain a history snapshot before each successful move. Restart restores the exact initial arrangement, removes pressure blockers added during play, clears selection and history, and resets the move counter and messages.

Overlay a responsive HUD above the 3D canvas. At the top, use a rounded translucent near-black panel with a thin subtle border and soft shadow. Display the mint uppercase title “FIVE M,” a bold status line such as “Select an M piece” or “Move M 1 to a highlighted square,” and smaller muted text including feedback, “Moves: 0/14,” and “Open spaces: 18” (25 cells minus five pieces and two initial blockers). At the upper right place rounded yellow “Undo” and mint “Restart” buttons. Disable Undo when there is no history. On small screens stack the panel and controls responsively. At the bottom left, show a rounded translucent legend with colored dots for mint M piece, yellow selected piece, and blue legal placement, followed by the goal text: “Goal: any horizontal, vertical, or diagonal line of all five M pieces.” Use a bold modern sans-serif style similar to Inter, generous rounded corners, and touch-friendly controls.