So many acts in this Big Top! 🎪
Click on any card below to see class engines make magic with p5js!
🍪 Cookie Monster
With our SWEyeball class, Cookie Monster can keep an eye out for cookies!
🔐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!
🛞 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
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
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 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 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
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.
◎ 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.
💣 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!




