📖 Code Guides - Complete Catalog

Comprehensive table of contents for all 927 documented p5.js creative coding sketches. Each entry shows the sketch's purpose, key programming concepts from the actual documentation, and links to detailed line-by-line code explanations.

927 fully documented sketches · Organized by creation date · Real concepts from AI-generated docs

#	Sketch Details	Actions
801	AI Metaball Lava Lamp - Hypnotic Blob Fusion Watch colorful blobs float and merge like a real lava This sketch renders a hypnotic lava-lamp effect where 6 softly glowing blobs drift around the screen and smoothly melt into one another whenever they get close. It uses a classic 'metaball' field algorithm - summing the influence of each blob at every pixel - to decide where blob surfaces appear and how their orange-to-magenta color blends. Key Skills: Offscreen graphics buffer (createGraphics) Direct pixel manipulation (loadPixels/updatePixels) Metaball scalar field algorithm Color interpolation between two hex/RGB colors Trigonometric motion (sin/cos for orbiting) by Anonymous · 450 views	📖 Read Docs 👁️ View
802	AI Flow Field - Perlin Noise Particle Trails Mesmerizing generative art using Perlin noise flow fie This sketch fills the screen with 2000 tiny particles that drift along an invisible, ever-shifting Perlin noise flow field. Each particle leaves a thin colored trail behind it, and because the field slowly evolves over time, the whole canvas fills with swirling, silk-like ribbons of hue that never quite repeat. Key Skills: Perlin noise flow fields Particle systems with classes p5.Vector physics (acceleration/velocity/position) HSB color mode Trail effects via alpha blending by Anonymous · 503 views	📖 Read Docs 👁️ View
803	AI Bongo Drums - Tribal Percussion Instrument Tap the bongos to play! Left drum plays low tone, rig This sketch draws two 3D-styled bongo drums that you can click or tap to play realistic percussive tones. Each drum reacts to where you hit it with a squashing 'skin depression' animation and a pitch/volume change based on hit accuracy, all wrapped in a warm, spotlighted tribal-themed background. Key Skills: Object-oriented classes (ES6) p5.Oscillator and p5.Envelope (sound synthesis) Collision/hit detection with dist() Procedural 2D shape drawing (beginShape/vertex, arc, ellipse) Animation via exponential decay by Anonymous · 424 views	📖 Read Docs 👁️ View
804	AI Laser Harp - Rainbow Light Instrument Play music with light! Move your mouse across the rainbow This sketch turns your mouse cursor into a light-triggered instrument by drawing eight vertical, rainbow-colored laser beams across the screen. Moving the cursor through a beam plays a musical note from a C major scale while the beam glows brighter, creating a synesthetic light-and-sound experience. Key Skills: ES6 classes for organizing objects p5.sound Oscillator for audio synthesis HSB color mode for rainbow hues Additive blendMode for glow effects Canvas shadowBlur for neon rendering by Anonymous · 463 views	📖 Read Docs 👁️ View
805	AI Raindrop Symphony - Musical Rain Visualization Watch raindrops fall and create music! Each drop This sketch simulates gentle rainfall on a dark blue gradient background, where each raindrop that hits the bottom creates an expanding ripple, a burst of splash particles, and a soft musical note. Clicking anywhere increases the intensity of the rain and unlocks audio playback. Key Skills: Particle systems Off-screen graphics buffers (createGraphics) HSL color mode p5.Oscillator and p5.Envelope (generative audio) Backwards array iteration with splice() by Anonymous · 456 views	📖 Read Docs 👁️ View
806	AI Bubble Pop - Satisfying Click Game Pop colorful bubbles as they float up! Click bubbles to burst This sketch creates a satisfying bubble-popping game where colorful bubbles float up from the bottom of the screen. Click any bubble to burst it, trigger a percussion sound that varies with bubble size, and release a particle explosion—all while tracking your score. Key Skills: Class-based object design Collision detection (point-in-circle) Particle systems with physics p5.sound synthesis and envelopes HSB color mode and color manipulation by Anonymous · 400 views	📖 Read Docs 👁️ View
807	AI Wind Chimes - Peaceful Garden Sounds Click to make the chimes swing and play! 5 hanging tubes of This sketch simulates a set of five hanging wind chime tubes that sway like pendulums and play a soft sine-wave tone whenever you click. Each tube has its own length, pitch, and swing speed, and a painted background of hills, sun, and grass gives the whole scene a peaceful garden feel. Key Skills: Classes and objects Pendulum/spring physics simulation p5.Oscillator sound synthesis translate/rotate transforms lerp() for interpolation by Anonymous · 404 views	📖 Read Docs 👁️ View
808	AI Xylophone - Rainbow Musical Bars Click the colorful bars to play musical notes! A playful xyloph This sketch renders an interactive xylophone with 8 rainbow-colored bars that play notes of a C major scale when clicked. Bars bounce with a spring animation and mallets follow the mouse cursor, all set against a soft gradient background inside a wooden frame. Key Skills: ES6 classes p5.sound oscillators spring/damper physics mouse interaction and hit-testing responsive layout with windowResized by Anonymous · 460 views	📖 Read Docs 👁️ View
809	SKIP - xelsed.ai This sketch draws a single pink circle that continuously orbits around the center of the browser window in a smooth elliptical loop. The motion is created purely with trigonometry (sine and cosine) tied to the animation's frame count, and the canvas automatically resizes to fill the entire browser window. Key Skills: Animation loop (draw) Trigonometric motion with sin() and cos() frameCount as an animation clock Responsive full-window canvas windowResized event handling by Anonymous · 402 views	📖 Read Docs 👁️ View
810	AI Theremin Simulator - Spooky Sci-Fi Instrument Move your mouse to play the classic electronic ins This sketch turns your mouse into a virtual theremin - moving it left/right changes pitch and up/down changes volume, while a glowing sci-fi visualizer pulses in sync with the sound using p5.sound's Oscillator and Amplitude analyzer. Key Skills: p5.sound Oscillator p5.Amplitude analysis map() for input scaling Audio-reactive visuals User-gesture audio unlocking by Anonymous · 454 views	📖 Read Docs 👁️ View
811	AI Synth Pad - Interactive Musical Grid Click the colorful pads to play musical tones! A 4x4 grid o This sketch creates a glowing 4x4 grid of colorful synth pads that each play a note from a C major scale when clicked. Clicking a pad triggers a sine-wave tone through p5.Oscillator and flashes a bright HSB-colored glow that smoothly fades away, turning the canvas into a playable, visually reactive instrument. Key Skills: Classes and objects (OOP) p5.Oscillator and sound envelopes HSB color mode Exponential decay animation Mouse hit-testing with contains() by Anonymous · 424 views	📖 Read Docs 👁️ View
812	Tesseract Portal — 4D Hypercube Projection This sketch renders a 4-dimensional hypercube (tesseract) that rotates through 4D space and gets mathematically projected down into the 3D WEBGL canvas as a glowing wireframe. Dragging the mouse steers the rotation speed, clicking toggles auto-rotation, and pressing R randomizes the spin, making the shape feel like a living portal. Key Skills: 4D to 3D perspective projection Matrix multiplication and rotation matrices WEBGL custom geometry with beginShape(LINES) Additive blend mode for glow effects Bitwise operators for vertex generation by Anonymous · 536 views	📖 Read Docs 👁️ View
813	AI Fractal Tree - Growing Branches in the Wind This sketch procedurally grows a fractal tree from a single trunk into a full branching structure over ten seconds, using recursion to place each generation of branches. Wind is faked with a sine wave so every branch gently sways, and once the tree reaches full depth, green leaf dots appear at every branch tip. Key Skills: Recursion push()/pop() matrix stack translate() and rotate() transformations sin() driven animation millis()-based timing by Anonymous · 699 views	📖 Read Docs 👁️ View
814	AI 3D Game of Life - Conway's Automata in Space This sketch simulates Conway's Game of Life extended into three dimensions, animating a rotating 10x10x10 cube of neon-green blocks that live, die, or are born based on their 26 neighboring cells. The whole grid slowly spins in WEBGL 3D space, and clicking the canvas reshuffles the cells to start a fresh evolution. Key Skills: WEBGL 3D rendering Cellular automata rules (survival/birth) Flattened 3D arrays with a custom index function Triple-nested for loops Array swapping via destructuring assignment by Anonymous · 447 views	📖 Read Docs 👁️ View
815	AI Magic 8-Ball - Shake for Mystical Answers This sketch turns a plain canvas into a glowing, interactive Magic 8-Ball set against a twinkling starfield. Clicking inside the ball makes it wobble like it's being shaken, then a random fortune fades into view inside a translucent blue triangle. Key Skills: Animation state machine (shake vs. reveal) Mouse interaction with dist() hit-testing Trigonometric motion with sin() Alpha fading for smooth reveals push()/pop() and translate() for local coordinates by Anonymous · 464 views	📖 Read Docs 👁️ View
816	AI Neon Sign - Type Your Own Glowing Text This sketch turns any text you type into a glowing neon sign, complete with a flickering animated glow and a dark brick wall backdrop. Click anywhere to cycle through three vibrant neon color palettes, and the sign resizes automatically to fill your browser window. Key Skills: DOM input elements with createInput() Faking glow with layered alpha transparency Perlin noise for organic flicker animation Nested for-loops for pattern generation Color arrays and cycling state by Anonymous · 512 views	📖 Read Docs 👁️ View
817	AI Emoji Rain - Colorful Emojis Falling from the Sky This sketch fills the screen with a soft gradient sky and rains colorful emoji characters that fall under gravity, bounce once when they hit the bottom, and then fade away. Clicking anywhere on the canvas triggers a burst of ten new emojis at the cursor, and the whole scene resizes to fill the browser window. Key Skills: Gradient backgrounds with lerpColor Gravity and velocity-based motion Array-based particle systems Collision detection and bounce response Alpha transparency fade-out by Anonymous · 635 views	📖 Read Docs 👁️ View
818	AI Pixel Canvas - Draw Retro Pixel Art This sketch turns the canvas into a 16x16 pixel-art editor: you click or drag across a grid of squares to paint them with a color chosen from an 8-swatch palette at the bottom, and pressing C wipes everything back to white. Key Skills: 2D arrays as persistent state Nested for loops Mouse-to-grid coordinate mapping Mouse event functions (mousePressed/mouseDragged) Keyboard events (keyPressed) by Anonymous · 471 views	📖 Read Docs 👁️ View
819	AI Breathing Guide - Calm Your Mind with Visual Breathing This sketch draws a full-screen meditation aid: a soft glowing circle that smoothly grows and shrinks on a 12-second cycle to guide the viewer's inhale, hold, exhale, and hold. A drifting particle field and a hand-rolled vertical gradient give the whole scene a calm, atmospheric feel. Key Skills: Animation driven by millis() instead of frameCount Manual state machine for timed phases Easing motion with sin() Color interpolation with lerpColor Particle systems by Anonymous · 492 views	📖 Read Docs 👁️ View
820	AI Fortune Cookie - Crack Open Your AI-Generated Destiny This sketch draws a golden fortune cookie that cracks open when clicked, splitting into two halves while a paper slip grows out from the center. The fortune text and lucky numbers on that slip are generated live by calling OpenAI's GPT-4o-mini API, so every crack reveals a fresh, AI-written fortune. Key Skills: State machines Easing / progress variables push() and pop() transform stacking Asynchronous fetch() calls Conditional rendering by Anonymous · 466 views	📖 Read Docs 👁️ View
821	AI Zen Garden - Rake Peaceful Patterns in Sand This sketch turns your browser into a raked sand garden: dragging the mouse carves smooth, ridged grooves into a noise-textured sand background, clicking drops a stone, and pressing R smooths everything back to a fresh, randomly-stoned garden. Key Skills: Event-driven drawing (no animation loop needed) Perlin noise for organic texture Perpendicular vector math for offset lines Arrays of objects as simple state Alpha-blended strokes to fake depth by Anonymous · 501 views	📖 Read Docs 👁️ View
822	AI Melting Clock - Dali-Inspired Surreal Time Display This sketch draws a Salvador Dali-style 'Persistence of Memory' clock that lives inside a warm sunset-to-purple gradient. The clock face, its hour numbers, and its hands constantly wobble and droop using Perlin noise, while pink drops periodically ooze off the bottom of the clock and fall like melting wax. Key Skills: Perlin noise for organic animation Bezier curves for soft/warped shapes Trigonometry for clock hand/number positions Real-time clock functions (second/minute/hour) Particle systems with arrays of objects by Anonymous · 481 views	📖 Read Docs 👁️ View
823	AI Gravity Text - Type Letters That Fall and Stack This sketch turns a simple text input into a live physics playground: every character you type falls from the top of the screen, bounces off the walls and floor, and stacks on top of other letters like Tetris blocks. Pressing SPACE launches the entire pile upward in an explosion before gravity pulls everything back down. Key Skills: Physics simulation (gravity and velocity) Axis-aligned bounding box collision detection DOM input integration with createInput Array filtering for object lifecycle management RGBA alpha for fade-out effects by Anonymous · 714 views	📖 Read Docs 👁️ View
824	AI Firework Show - Click to Launch Explosions This sketch creates an interactive fireworks show where clicking anywhere launches a rocket that streaks upward and bursts into a shower of colorful particles. Multiple fireworks can be in flight or exploding simultaneously, and a semi-transparent background creates trailing light streaks against a dark night sky. Key Skills: p5.Vector for movement and direction Particle systems with plain objects Array management with push/splice Alpha transparency for motion trails Random color and value selection by Anonymous · 666 views	📖 Read Docs 👁️ View
825	AI Sunrise Animation - Dawn Breaks with Stars This sketch paints a slow, continuous sunrise: stars twinkle in a deep purple sky, the sky gradient shifts through dawn pinks into daytime blue, a glowing sun climbs from the horizon, wispy clouds catch the light, and a black mountain silhouette frames the whole scene. Key Skills: Color interpolation with lerpColor() Pixel-row gradients using nested loops Timing animation with frameCount and constrain/map Alpha transparency for fades Native canvas shadowBlur/shadowColor effects by Anonymous · 450 views	📖 Read Docs 👁️ View
826	AI Bouncy Ball Drop - Satisfying Physics This sketch lets you click anywhere on the screen to drop a colorful ball that falls under gravity, bounces off the floor and side walls while losing a bit of energy each time, and gradually fades out and disappears. Every click spawns a brand-new independent ball, so rapid clicking fills the screen with a bouncing, fading crowd. Key Skills: Array of objects Reverse for-loop with splice Velocity and gravity simulation Boundary collision detection Alpha-based fade with millis() by Anonymous · 615 views	📖 Read Docs 👁️ View
827	AI Ocean Waves - Calming Meditation This sketch paints a tranquil ocean scene using a vertical sky-to-deep-water gradient behind three overlapping sine-wave shapes. Each wave layer moves at its own speed and height, creating a soft parallax effect that mimics water gently lapping near a shore. Key Skills: Animation loop (draw) Sine wave motion Canvas gradients via drawingContext Custom shapes with beginShape/vertex/endShape Function parameters for reusable drawing by Anonymous · 424 views	📖 Read Docs 👁️ View
828	AI Procrastinating Rocket - Countdown with Excuses This sketch draws a cartoon rocket sitting on a launch pad under a bobbing cloud sky, counting down from 10 - but it almost never reaches zero. Every second there's a chance the countdown interrupts itself with a silly excuse ('Wait, did I leave the stove on?'), resets to 10, and tallies up another failed launch attempt. Key Skills: Timing with millis() Randomness with random() State machine using boolean flags Sine wave motion for idle animation Custom helper functions for drawing by Anonymous · 438 views	📖 Read Docs 👁️ View
829	AI Coin Flip - Heads or Tails with Stats This sketch creates an animated gold coin that flips end-over-end when clicked, using a squishing scale trick to fake a 3D flip, then lands on a random Heads or Tails result. A running tally of heads versus tails is displayed below the coin, turning a simple click interaction into a tiny stats-tracking toy. Key Skills: State flags for animation gating millis()-based timing Cosine easing for fake 3D rotation push()/translate()/scale() transforms Ternary operator with comma expressions by Anonymous · 447 views	📖 Read Docs 👁️ View
830	AI Daydreaming Fish - Dreams of the Ocean This sketch draws a little orange fish swimming back and forth inside a circular bowl, releasing tiny bubbles that drift upward and disappear. Above the bowl, a cloud-shaped thought bubble cycles through three dreams - 'The Ocean', 'Freedom', and 'A Bigger Bowl' - giving the fish a wistful, storytelling quality. Key Skills: Animation loop (draw) Trigonometric motion with sin() Array management with push() and splice() Randomness with random() Alpha transparency for layered shapes by Anonymous · 432 views	📖 Read Docs 👁️ View
831	AI Dying Battery - Watch the Panic Unfold This sketch renders a looping animated battery icon that visually drains from 100% down to 0% over a fixed cycle, changing color from green to yellow to red and swapping in increasingly panicked text messages as the charge falls. Once it hits 0%, it instantly loops back to full and starts again, forever repeating the anxiety spiral. Key Skills: Time-based animation with millis() Modulo arithmetic for looping progress lerpColor for smooth color blending Conditional chains (if/else if) for state-like behavior Rounded rectangles and layered shapes by Anonymous · 432 views	📖 Read Docs 👁️ View
832	AI Stopwatch Timer - Clean Start/Stop Utility This sketch creates a fully functional digital stopwatch centered on the screen, showing minutes, seconds, and centiseconds in a large monospace font. A green START button and a red STOP button let you begin and pause the timer, with the elapsed time correctly resuming from where it left off. Key Skills: Animation loop (draw) Boolean state machine (running) Time functions (millis) Custom button hit-testing Text formatting with nf() by Anonymous · 479 views	📖 Read Docs 👁️ View
833	AI Moon Phase Display - Tonight's Lunar Phase This sketch renders a peaceful night sky filled with 200 twinkling stars alongside a large moon whose illuminated shape and text label update automatically based on today's calendar date. The moon's shadow shrinks and grows across the visual, cycling through all eight named lunar phases as the day of the month changes. Key Skills: Animation loop (draw) Sine wave oscillation for twinkling Date/time functions (day()) Array of objects Conditional logic for phase shading by Anonymous · 478 views	📖 Read Docs 👁️ View
834	AI Growing Plant - Seed to Flower Journey This sketch animates a plant's entire life cycle in a single continuous ten-second sequence: a brown seed sits in soil, sprouts a green stem, grows two leaves, and finally opens into a six-petaled flower with a glowing yellow center. A text label at the top tracks the current stage (Seed, Sprouting, Growing, Blooming, Full Bloom!) so the viewer always knows where the plant is in its journey. Key Skills: Time-based animation with millis() Normalizing progress with constrain() Staged reveal using threshold conditionals Trigonometry for radial layouts (cos/sin) Responsive canvas with windowResized() by Anonymous · 486 views	📖 Read Docs 👁️ View
835	AI Clumsy Robot - Watch It Fail at Stairs This sketch animates a small robot that endlessly repeats a four-phase slapstick loop: walking up to a staircase, attempting to climb it, tumbling backward in a dramatic fall, and sheepishly walking back to try again. Speech bubbles ('I got this!' / 'Ow...') and an attempts counter reinforce the comedic, persistent-but-clumsy character. Key Skills: Animation driven by a normalized progress value (u) Conditional phase logic acting as a state machine lerp() for smooth interpolation between keyframes push()/translate()/rotate()/pop() for local transforms Using frameCount % cycle for repeating and one-shot events by Anonymous · 450 views	📖 Read Docs 👁️ View
836	AI Coffee Cooling - Watch Your Drink Get Cold This sketch simulates a cup of coffee slowly cooling from 180°F down to room temperature, with rising steam that fades as the drink cools and status messages that appear at key temperature thresholds. The cup itself subtly shifts color from a warm tan to a cooler gray-brown as it loses heat, and steam particles are spawned, animated, and removed continuously to create a living, breathing thermal simulation. Key Skills: Color interpolation with lerpColor Value remapping with map() Particle systems using arrays of objects Reverse iteration for safe array removal Conditional status messages by Anonymous · 428 views	📖 Read Docs 👁️ View
837	AI Excuse Generator - Why I Can't Work Today This sketch generates a stream of increasingly ridiculous work excuses in floating speech-bubble shapes every time you click. Bubbles drift upward and fade out as they rise, and the pool of excuses escalates from mild to absurd the more you click, tracked by an on-screen counter. Key Skills: Array of live objects (spawn/update/remove pattern) Alpha transparency and fade-out animation push()/translate()/pop() for local coordinate systems Ternary conditionals for tiered difficulty random() for picking array elements by Anonymous · 423 views	📖 Read Docs 👁️ View
838	AI Day Pie Clock - Time as a Shrinking Pie This sketch turns the current time of day into a giant pie chart: a dark wedge grows clockwise from midnight to show how much of the day has already passed, while the lighter remaining slice shrinks. The exact time and hours left until midnight are printed in the center, and the remaining slice changes color to orange and then red as the evening gets late. Key Skills: Drawing pie charts with arc() in PIE mode Reading real-time clock values with hour(), minute(), second() Mapping time into fractions and angles (TWO_PI, HALF_PI) Conditional color changes based on data Centered text rendering with textAlign() and text() by Anonymous · 428 views	📖 Read Docs 👁️ View
839	AI Ant Journey - Watch the Little Worker This sketch animates a lone ant walking across a dirt-colored canvas, steering around rocks, sticks, and puddles as it carries a leaf crumb back to its nest. Every time the ant reaches the nest, a delivery counter increments and a brand new set of obstacles and a starting position are generated, so the little journey repeats forever with a different layout each time. Key Skills: Steering toward a target with atan2() Local obstacle avoidance using dist() Object literals for lightweight game state push()/pop() and rotate() for oriented drawing Reset/regenerate pattern for procedural levels by Anonymous · 414 views	📖 Read Docs 👁️ View
840	AI Fake Loading Bar - Absurd Excuses Generator This sketch creates a satirical loading bar that appears to load forever, crawling up to about 87% before slowing to a near-standstill and occasionally slipping backwards. A rotating list of increasingly absurd excuse messages plays underneath, and a 'Cancel' button that mockingly relabels itself 'Nice try' when clicked completes the joke about broken software UX. Key Skills: Conditional animation speed millis() based timing map() for value scaling Modulo for cycling through an array DOM elements with createButton() by Anonymous · 416 views	📖 Read Docs 👁️ View
841	AI Rain Window - Meditative Rainfall This sketch fills the screen with 120 individual raindrops that fall down a softly blurred, gradient night-sky background. Drops sway gently side to side, some slow down and 'stick' partway down leaving a glowing vertical trail behind them, and occasional soft lightning flashes brighten the whole scene. Key Skills: ES6 Classes and Objects Offscreen Graphics Buffers (createGraphics) Alpha Transparency and Fading Sine Wave Motion Array Filtering to Manage Object Lifetimes by Anonymous · 438 views	📖 Read Docs 👁️ View
842	AI Watercolor Canvas - Paint with Soft Blending This sketch turns the browser window into a soft, meditative watercolor canvas where dragging the mouse lays down translucent, overlapping blobs of color that blend naturally with the paper and with each other. A speckled cream paper texture sits underneath, and a row of color-swatch buttons at the bottom lets you switch paint colors or clear the canvas with the C key. Key Skills: Offscreen graphics buffers (createGraphics) Blend modes (blendMode/MULTIPLY) Random-based organic shapes Layered rendering Color objects and channel extraction (red/green/blue) by Anonymous · 433 views	📖 Read Docs 👁️ View
843	AI Squishy Blob - Poke the Jelly Creature This sketch renders a soft, wobbly blob made of 24 connected points that stretches and squishes in response to the mouse. The blob chases your cursor when you click-drag near it, has googly eyes that always look at the mouse, and sits on a smooth pastel gradient background. Key Skills: beginShape/vertex/endShape custom polygons Spring physics (attraction + damping) Per-vertex force accumulation dist() for proximity/collision-like checks Raw canvas gradients via drawingContext by Anonymous · 459 views	📖 Read Docs 👁️ View
844	AI Vine Writer - Type to Grow Organic Vines This sketch turns your keyboard into a gardening tool: every key you press spawns a curving, noise-driven vine that grows upward from your cursor. Vowels blossom into soft pink or gold flowers while consonants sprout leafy green stems, turning typed words into a living, glowing garden on a dark background. Key Skills: Perlin noise for organic motion keyTyped() event handling Array-based particle/object systems Additive fading trails via low-alpha background map() for value scaling by Anonymous · 589 views	📖 Read Docs 👁️ View
845	AI Bubble Pop Game - Click to Pop This sketch creates a playful bubble-popping game where colorful bubbles rise from the bottom of the screen against a soft sky gradient. Clicking a bubble pops it, increases your score, and triggers a quick red flash effect. Key Skills: ES6 classes and object-oriented programming Arrays of objects and splice() for removal Mouse interaction with mousePressed() Color blending with lerpColor() Distance-based collision detection with dist() by Anonymous · 653 views	📖 Read Docs 👁️ View
846	AI Gravity Wells - Orbital Physics Particle Simulation - xelsed.ai This sketch simulates a starfield where multiple glowing gravity wells pull streams of colorful particles into swirling orbits, spirals, and slingshot trajectories. Particles are continuously spawned from the screen edges and fade into long motion trails as they get flung around by real inverse-square-law gravity. Clicking adds new wells, letting you sculpt increasingly chaotic orbital systems. Key Skills: Vector-based physics (p5.Vector) Inverse-square law gravity Additive blend mode (SCREEN) for glow Object-oriented design with classes Array management (spawning and removing objects) by Anonymous · 705 views	📖 Read Docs 👁️ View
847	AI Sound Wave Terrain - Interactive Frequency Mesh Visualization - xelsed.ai This sketch renders an animated 3D-style terrain mesh made of sine waves, where the mouse controls both the frequency of the ripples (X axis) and how tall the peaks and valleys become (Y axis). The mesh is colored with a height-based gradient running from deep blue valleys through cyan and yellow up to fiery orange peaks, giving the impression of a glowing audio-frequency landscape. Key Skills: 3D-style terrain via perspective scaling Sine wave interference / layered oscillators Mouse-driven parameter mapping beginShape/vertex/endShape mesh rendering Height-based color gradients with lerpColor by Anonymous · 457 views	📖 Read Docs 👁️ View
848	AI Magnetic Field Lines - Iron Filings Physics Visualization - xelsed.ai This sketch simulates iron filings scattered on paper above hidden magnets, using hundreds of tiny line segments that rotate to align with the combined magnetic field from several invisible poles. Perlin noise adds a gentle organic drift to both the poles and the filings, and clicking the canvas drops in new poles that instantly reshape the field pattern. Key Skills: Object-oriented programming with ES6 classes Vector fields and inverse-square law physics Perlin noise for organic motion push()/translate()/rotate()/pop() transformations atan2() for direction from vector components by Anonymous · 609 views	📖 Read Docs 👁️ View
849	AI Breathing Mandala - Meditative Geometric Animation - xelsed.ai This sketch renders a glowing, symmetrical mandala made of concentric rings of circles, triangles, and hexagons that smoothly expand and contract like a breathing rhythm. Moving the mouse toward the center speeds up the breathing cycle, while soft glowing dust particles drift in the background for a calm, meditative atmosphere. Key Skills: HSB color mode for smooth hue animation Trigonometry (sin/cos) for circular shape placement Nested loops for layered pattern generation Additive blend modes for glow effects map() for scaling one value range to another by Anonymous · 433 views	📖 Read Docs 👁️ View
850	SKIPPED This sketch creates a peaceful twilight meadow scene with layered grass, twinkling stars, tree silhouettes, and glowing fireflies that drift organically through the air. The scene uses Perlin noise for natural motion, gradient skies, and additive blending to make the fireflies glow convincingly. Key Skills: Perlin noise for organic animation Blend modes and additive light Depth layering and parallax Sine waves and trigonometric animation Color gradients with lerpColor by Anonymous · 381 views	📖 Read Docs 👁️ View