This is a standalone p5js template — a self-contained
demonstration built with p5.js functions and objects to showcase a
specific concept, technique, or visual effect.
It does use some classes from the SketchWaveJS library for convenience, but it is not a SketchWaveJS saga stage and does not rely on any saga-specific features. The template is designed to be easily adaptable for a wide range of p5.js projects, providing a solid starting point for experimentation and learning.
💡 How This Template Works
The canvas, grid, and control panel are provided by the p5.js template.
The sketch logic inside draw() and any supporting classes
are specific to this demonstration.
- The canvas starts with a light-gray background and an optional visible grid.
- Press G to toggle the grid on or off at any time.
- ▶ Start toggles to ⏸ Pause once clicked.
- ↺ Reset is available after Start is pressed at least once.
- 💾 Save Image captures a snapshot of the current canvas.
To customize this template for your application, search for the word 'customize' in the HTML, CSS, and JS files to find comments indicating where you can modify content, styles, and logic to suit your needs.
Note: Your primary design will be implemented in myAppSketch.js, in the function drawMyDesign(ctx).
🧑💻 Developer Notes
- Developer
- Your Initials Here
- Date
- Completion Date Here
- Commentary
-
Add notes about design decisions, p5.js functions used,
and anything worth remembering about this template here.