MiniScratch

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.

Rebuild "MiniScratch" as a browser-based Scratch-inspired 2D block programming playground, with a dark navy three-pane layout and a compact top toolbar. The left pane is a scrollable Blocks palette grouped under Events, Motion, Looks, Control, Sensing, Data, Operators, Sound, and Pen. Show colorful rounded draggable blocks: yellow event blocks such as "when ▶ clicked", "when key pressed" with a key selector, and "when I receive"; blue motion blocks such as move steps, turn degrees, point in direction, change/set x or y, go to x y, and go to random position; purple looks blocks such as say with editable text and duration, hide/show, and size controls; orange control blocks such as wait and stop all; green sensing blocks including "touching coin?"; pink data blocks for set/change score and variables; plus operator, sound, pen, clone, and other Scratch-like placeholder blocks. Implement drag-and-drop from the palette into script stacks, reordering blocks by dragging, double-clicking workspace blocks to delete them, and an "+ Script" button. Make each script stack a card with a title and delete button; valid scripts must begin with a hat block. Include a Tips area saying to drag blocks into the scripting area, stacks start with a Hat block, and click ▶ to compile + run.

The center pane is the Scripts workspace: initially populate it with six cards named Movement, Arrow Up, Arrow Down, Arrow Left, Arrow Right, and Space: Meow. The default blocks are: Movement begins with a green-flag hat, set score to 0, and move steps 0; each arrow card begins with a key hat. Arrow Up has move steps 16. Arrow Down has move steps 16 followed by turn degrees 180. Arrow Left has turn degrees -15. Arrow Right has turn degrees 15. Space: Meow has a Space key hat followed by a say block. The implementation can support the compiled blocks visible in the source: green flag and key hats, move, turn, random go-to, say, wait, broadcast, set/change score. Other displayed blocks should look visibly disabled/striped and act as unimplemented placeholders.

The right pane is a canvas stage occupying roughly 46vw (up to about 640px), with a deep blue-to-near-black vertical gradient, a subtle light rectangular border inset about 10px, and no decorative scenery. Before running, draw the overlay text near the upper-left of the canvas: bold "MiniScratch (Blocks)" and below it "Build scripts with blocks — then click ▶ to run." Once running, hide this overlay. Place an orange cartoon cat sprite near (220,220), radius about 22: an orange oval head/body with two pointed triangular ears, black eyes, and a simple curved smiling mouth. Place a glowing gold coin near (520,300), radius about 16, with a radial yellow/orange gradient, dark outline, and inner highlight ring. The canvas dimensions should be responsive to its pane.

Top toolbar: left-side green-flag ▶ start button, stop ■ button, separator, and hint text "Arrow keys move • Space = action • Click ▶ to start". Right side shows uppercase-ish "Score" and a pill-shaped numeric score display initially 0. Keep the overall visual style dark, minimal, rounded, with translucent borders and colorful Scratch block categories.

Gameplay/runtime rules: the stage starts stopped. Clicking ▶ stops any prior tasks, compiles the current workspace, resets sprites to their home positions, starts the frame loop, and runs all valid green-flag scripts. Stop ■ stops all scripts/tasks and clears the cat speech bubble. While running, clamp the cat within 30 pixels of each stage edge, rotate the coin continuously at 60 degrees per second, and test circular collision using the cat and coin radii. On collision broadcast "COIN": increment the global score by 1, update the toolbar score, make the cat say "bling!" for 0.5 seconds, and respawn the coin at a random position between 80 and stage width minus 80 horizontally and 90 and stage height minus 80 vertically. The coin should therefore be collectible repeatedly and the score should increase on each contact. Green flag also initializes score if needed and respawns the coin.

Use Scratch-like event behavior: key hats respond to browser key codes Space, ArrowUp, ArrowDown, ArrowLeft, and ArrowRight only while the stage is running, launching their compiled body as a stoppable task. Movement is orientation-based: move steps advances along the cat's current rotation, turn changes rotation in degrees, and the cat initially faces right. Thus preserve the exact default behavior: Up advances 16 pixels rightward from the initial orientation; Down advances 16 then turns 180 degrees; Left and Right rotate by -15/+15 degrees without translating; Space displays the default say text ("hello!") briefly. Support wait blocks as yieldable seconds, speech bubbles as white rounded bubbles above the cat, global score/variables, broadcasts, and reset-to-home state on each run. Do not add enemies, levels, lives, sound, scenery, or other gameplay not present in this design.