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!