SketchWave Disk Demo

SWDisk is a SketchWaveJS shape object that represents a disk (a filled circle) drawn on an SWGrid. An SWDisk has a center (an SWPoint in user coordinates), a radius, and styling such as fill and optional stroke (both represented by SWColor).

What you can explore in this app

• Disk styling: change fill color + opacity, border thickness, and radius.
• Disk geometry: drag the disk center on the canvas, or use Snap Center to align it to the grid.
• Animation: “Breathing” changes radius over time using an SWSinusoid.
• Color motion: “Hue Cycling” changes the disk fill hue over time using an SWSinusoid.
• Background trails: lower the background alpha to see after-effects (motion trails).

Quick controls

• Click the canvas to hide/show the grid.
• Drag the disk center point to reposition the disk.
• Keyboard: b (toggle breathing), h (toggle hue cycling), r (factory reset), q (quit/reset).
• Use the accordion sections in the Control Panel (Background, Breathing, Hue Cycling) to keep the panel compact.

SketchWaveJS reference pages used by this demo

• SWDisk Reference
• SWGrid Reference
• SWPoint Reference
• SWColor Reference
• SWSinusoid Reference