SWWheel Saga

📖 SWWheel Reference
SWJS Examples

SWWheel Saga

SWWheel development via AI and Core Classes - Stage 1

...loading...

Canvas: Grid:

🌐 Environment

Show grid G

Background color BG opacity: 100

🎡 Wheel

Outer radius: 120 Hub radius: 10 Spokes: 10 Spoke weight: 8 Rim weight: 8

Rim

Spokes

Hub

Rotation: 45 °/sec

Breathe (radius oscillates)

Breathe period: 3.0 sec

TNT is an educational, evolutionary site serving as a playground where teachers and students can field-test programming designs.

All rights reserved.
© 2015-2022 TNT

Last update:

🎡 Stage 1 — SWWheel

Stage 1 — SWWheel on the grid

Stage 1 is complete — and it came together remarkably fast with a little AI help! The full SWWheel class was built in a single session, composed entirely from existing SketchWaveJS components.

🔩 What Was Built in Stage 1

SWWheel class — composed of one SWDisk hub, one SWDisk rim, and n SWLine spokes.
rotate(degPerSec, t) — spins the wheel based on elapsed time.
breathe(sinusoid, t) — pulses the outer radius via SWSinusoid.
A full 🎡 Wheel control card: radius, hub size, spokes, thickness, colors, rotation speed, and breathe period.

🎮 How to Use the Controls

Press ▶ Start to animate; ⏸ Pause to freeze; ↺ Reset to return to the initial position.
Drag the Rotation slider left of center for clockwise spin on screen.
Check Breathe to make the rim oscillate; the outer-radius slider is disabled while breathing is active.
Press G to toggle the grid.
💾 Save Image captures the canvas at any time.

📖 Reference Back to Saga Index