This is Stage 1 of a SketchWave app developed as a saga —
a step-by-step series of working snapshots, each building on the last.
This stage establishes the canvas, grid, and control panel shell that all
subsequent stages will extend.
🗺️ How This Template Works
Each stage of a saga is a self-contained, working snapshot that builds
on the previous one. The Environment card and action buttons below the
canvas are wired up incrementally as new features are added.
The canvas starts with a light-gray background and a visible grid.
Press G to toggle the grid on or off at any time.
▶ Start toggles to ⏸ Pause once clicked;
both log to the console and are ready to be wired up in the next stage.
↺ Reset is disabled until Start is pressed at least once;
it restores the idle state and logs to the console.
💾 Save Image is fully functional in every stage.
📋 Template Checklist
Update the page <title> and jumbotron/hero heading.
Adjust grid dimensions and step size in setup().
Add sketch logic inside draw().
Replace the button console stubs in wireControls().
Add right-panel cards for each new group of controls.