SketchWaveJS Example Projects

See SketchWaveJS Classes and Processing Examples in Action

So many acts in this Big Top! 🎪

Click on any card below to see class engines make magic with p5js!

twoEyeballs

👀 SWEyeball Saga

Take a 'look-see' at how we made a new class from some core SW classes and made it come to life!

Hovering Ghost

👻 SWGhost Saga

Another thrilling saga where we bring ghosts to life using some core SW classes!

cookie monster

🍪 Cookie Monster

With our SWEyeball class, Cookie Monster can keep an eye out for cookies!

magic lamp

🪔 Magic Lamp

SWColor and SWSinusoid are making magic with our lovely lamp!

Example Rub the Lamp
Island Generation

🏝 SWIsland Saga

Land ho! Create islands using SWGrid and SWSquare using recursion! See other a-maze-ing applications as well!

Beale img

🔐Beale Cipher

In the mood for some cryptography? Explore the Beale Cipher and its secrets! This is part of a larger saga involving SWCharacter and recursive techniques. Be sure to check out the other examples in the saga!

SWCross optical illusion

🛞 SWWheel/SWCross Saga

Spin up some fun with SWWheel and its lean sibling SWCross! SWWheel assembles a hub, rim, and spokes from core classes and lets them rotate and breathe. SWCross locks it down to four arms and strips away the rim for a clean plus-sign that can be pre-tilted with initialRotation. Together they power some eye-popping optical illusions — including the Lingelbach effect!

Palindrome img

🪞Palindrome

A palindrome reads the same forwards as backwards — pure mirror symmetry in text! Explore classic examples and discover the elegant logic behind detecting them using recursion.

Warped Square Illusion img

🌀 Warped Square Illusion

This illusion uses our SWTwoTonedSquare class. Although everything is 'square' the colors and placements give the illusion that the image is warped. Play with the controls to see if you can alter this perception. The image may be animated as well!

Topo Map img

🗺️ Topo Map Demo

A topographic map encodes terrain elevation as contour lines — here we capture that spirit mathematically. An N×N grid of SWTwoTonedDisk, SWArrow, SWTriDisk, SWCross, or SWTwoTonedSquare shapes is tiled across the canvas, and each shape's orientation is determined by a topo function of its (x, y) position. The Ripple map, for example, uses a radial sine wave to produce concentric rings of smoothly-rotating shapes. Swap shape types, tune colors, spin the field, and watch equations become landscapes!

Claude Wizard img

🪄 Claude Wizard Demo

We wondered just how much of a Wizard Claude Sonnet 4.6 was. We were not disappointed. With a simple prompt to create a 'wizard' image using existing SWClasses, Claude conjured a magical scene that exceeded our expectations. He (it?!!) even did some self-reflection on the design process. Be sure to see his wizard and his insights!

Epicycloid Family

⎈ Epicycloid Family

From Nephroid to 7-Petal Rosette — meet the entire epicycloid family in one gallery! Six SWClover shapes (numPetals 2–7) are arranged side by side, each labelled with its classical name and internal n parameter. Spin them all, set them breathing, or lower the background opacity for ghosted mandala trails. Powered by the epicycloid parametric equations documented in SWClover.

AI Generated Explore the Family!
Rolling-Circle Epicycloid

◎ Rolling-Circle Epicycloid

See where the SWClover curve comes from! Watch a small circle roll around a fixed circle in real time as its rim traces out the classic epicycloid shape. Control the number of petals (k), the fixed-circle radius, rotation speed, and direction. Toggle the rolling circle, spoke arm, orbit ring, and trace path on and off to isolate any part of the construction. Uses SWDisk, SWPoint, and SWGrid.

AI Generated Watch It Roll!
rocket

🚀 Griffin's Rocket Saga

It's time for takeoff! Take novice Griffin's basic p5js rocket design to new heights by incorporating SWClasses and animations!

bomb

💣 Crosby's Bomb Saga

Obviously, this program is the bomb! It was Crosby's first attempt with p5js, and as you'll see, it's packed with explosive power. We'll see how to get more yield from it as we refactor it with professional techniques and the inclusion of SWClass instances. We may even take a template or two on a trial run as we do!