📖 Code Guides - Complete Catalog

Comprehensive table of contents for all 568 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.

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

#	Sketch Details	Actions
401	Yey This sketch creates a mesmerizing 3D audio visualizer where a central rotating torus and 16 surrounding boxes react dynamically to microphone input. The shapes pulse, rotate, and change color in real-time based on different frequency bands of the audio spectrum, creating a dance-like visual representation of sound. Key Skills: WebGL 3D graphics FFT audio analysis Real-time frequency bands HSB color mode 3D transformations (translate, rotate) by Anonymous · 209 views	📖 Read Docs 👁️ View
402	monster reastraunt Monster Restrunt is an interactive emotion management game where you run a spooky restaurant serving three unique monster types with distinct personalities and food preferences. Players read each monster's cravings, select from three dish options, and earn reputation by matching their tastes—or watch them react dramatically if you get it wrong. Key Skills: Game state machine Class-based character design Procedural dialogue and data-driven design Interactive button UI with hover detection Animation timing and reaction sequences by Anonymous · 208 views	📖 Read Docs 👁️ View
403	gta 6 current state 4 This sketch creates a playable GTA-style survival game where you drive a car or run on foot while evading police. The game features a procedurally generated city, multiple game states (menu, playing, settings), cops that chase you in cars and on foot, and a health system with explosions when your vehicle is destroyed. Key Skills: Game state machine Camera translation Collision detection Vector physics Procedural generation by Anonymous · 206 views	📖 Read Docs 👁️ View
404	te amo mi niña This sketch creates a romantic countdown timer displaying days, hours, minutes, and seconds elapsed since a special date. It features a decorative background of randomly scattered sunflowers with a centered white box showing the elapsed time, with responsive text sizing that adapts smoothly to any screen size. Key Skills: localStorage and data persistence Responsive design with map() createGraphics offscreen rendering Date and time calculations Dynamic text sizing by Anonymous · 205 views	📖 Read Docs 👁️ View
405	You can’t find the right door heehee This sketch creates an interactive game where you click through a grid of 100 doors trying to find the one "right" door. Click the correct door to win and open all doors; click wrong doors and a playful animated dog chases you. It combines object-oriented programming, collision detection, and animation. Key Skills: Object-oriented programming (classes) Arrays and iteration Collision detection Mouse interaction Animation with timers by Anonymous · 204 views	📖 Read Docs 👁️ View
406	temu what beats rock This sketch creates an interactive game where players type words that beat the current item in a logic-based chain. Starting with 'rock,' each valid answer becomes the new current item and is added to a scrolling history, until the player's logic fails or runs out of creative beats—then the game ends. Key Skills: HTML input integration Game state management Array manipulation and iteration Conditional logic and rule validation Text display and layout on canvas by Anonymous · 204 views	📖 Read Docs 👁️ View
407	Luna's Luna's is an interactive audio-reactive visualization that draws a mesmerizing rainbow spiral wave synchronized to live microphone input. Users can toggle between a colorful music-responsive spiral and a glitchy 'hacked screen' effect, with bonus text-to-speech functionality triggered by keyboard commands. Key Skills: Audio input and microphone capture FFT frequency analysis Real-time data mapping Trigonometric spiral generation HSB color mode and hue mapping by Anonymous · 203 views	📖 Read Docs 👁️ View
408	Rate this game Rate this Game is an action-packed clicker where players tap a green circle to accumulate food points and survive increasingly chaotic events. From UFOs and microwaves to zombies, nukes, and ice cream vans, each milestone triggers a unique interactive challenge that tests reflexes and strategy. Key Skills: Game state machines (switch on gamePhase) Procedural audio synthesis with oscillators Touch and mouse collision detection Animation via interpolation and time-based movement Particle effects and screen shake by Anonymous · 202 views	📖 Read Docs 👁️ View
409	Trash game This sketch creates an engaging trash collection game where players control a horizontal bar to catch falling food and drink items while avoiding rocks. The game progressively increases in difficulty by spawning items faster and increasing their speed, ending when the player collides with a rock. Key Skills: Object-oriented programming (classes) Array management and iteration Collision detection Game state management Responsive canvas sizing by Anonymous · 199 views	📖 Read Docs 👁️ View
410	Drago stop apple This sketch creates an interactive game where a player controls an apple with their mouse to protect it from an intelligent dragon that hunts it. The dragon learns and becomes smarter with each apple it eats, employing different hunting strategies based on game state, energy levels, and apple velocity. Key Skills: Class-based object-oriented design Particle systems and effects AI strategy selection and pathfinding Vector velocity and acceleration Collision detection by Anonymous · 199 views	📖 Read Docs 👁️ View
411	Fun but ass This sketch creates an interactive ecosystem simulation where people spawn on a canvas and can be fed by clicking them. Feeding hungry people may release tapeworms that attack others, while snakes emerge from the ground and ice cubes fall from the sky—all attempting to eliminate the people. The sketch combines multiple interactive elements and creature behaviors in a chaotic, darkly humorous ecosystem. Key Skills: Object-oriented programming (classes) State machines and animation Collision detection Angle-based movement (atan2) Array management and lifecycle by Anonymous · 197 views	📖 Read Docs 👁️ View
412	chat with people This sketch creates an interactive chat interface where users can type messages and receive responses from three AI-powered personas: Momrshell (a coder), Chewr (an artist), and AI (a robot). Each person responds based on keyword matching and topic context, maintaining conversation history and personality-specific expertise. Key Skills: DOM manipulation with p5.js Keyword matching and string searching Arrays of objects for data storage Conditional logic and topic tracking Event handling (input, button click) by Anonymous · 196 views	📖 Read Docs 👁️ View
413	Volcano 🌋 This sketch creates a chaotic tower-defense game where players shoot falling people with a gun at the bottom of the screen. Dead people trigger graves that bury them and spawn zombies, allies (ghost helpers) that shoot zombies, volcanoes that consume people and summon rescue airplanes, and zombie helicopters that abduct zombies—all while you rack up points. Key Skills: State machines and finite state automata Object-oriented design with ES6 classes Array management and iteration Collision detection using distance Animation through lerp and frameCount by Anonymous · 195 views	📖 Read Docs 👁️ View
414	virutal boy for switch vr extension Virtual Void Arcade is a retro-styled arcade experience with two mouse-controlled games: Space Shooter, where you move a ship and hold to fire at descending enemies, and Target Range, where you click targets before they escape. Neon red graphics, scrolling stars, glowing particles, and scanlines create an immersive 80s arcade aesthetic. Key Skills: Game state machines Collision detection Particle effects and explosions Mouse input and interaction Animation loops and timing by Anonymous · 195 views	📖 Read Docs 👁️ View
415	DUCK WARS RPG (by corbun mobile supported ) Duck Wars RPG is a Game Boy-style turn-based monster battle game where you explore a procedurally generated world, encounter wild creatures, and engage in strategic turn-based combat. The entire game is rendered at low resolution (256×192) and scaled up for a retro handheld aesthetic. Key Skills: Game state machines Procedural terrain generation Turn-based combat system Offscreen rendering and scaling Touch and keyboard input handling by Anonymous · 193 views	📖 Read Docs 👁️ View
416	spider man find home p5ai This is a Spider-Man themed side-scrolling swinging game where you hold down to swing upward through a procedurally generated city while dodging buildings. The game combines gravity physics, web-swinging mechanics, parallax scrolling, and progressive difficulty to create an engaging arcade-style experience. Key Skills: Game State Management Gravity and Physics Simulation Collision Detection (Circle vs Rectangle) Procedural Generation Parallax Scrolling by Anonymous · 193 views	📖 Read Docs 👁️ View
417	Sketch 2026-03-17 00:49 This sketch creates an animated flowing river effect where white dots move continuously downward across a dark blue canvas. The dots are arranged in a sparse grid pattern with random offsets, and they loop seamlessly by resetting to the top when they exit the bottom of the screen. Key Skills: Particle systems Array loops Animation loops Modulo operator Responsive canvas sizing by Anonymous · 193 views	📖 Read Docs 👁️ View
418	buns game test This sketch creates an infinite side-scrolling runner game where the player controls a character that can toggle between a rigid "active" mode and a floppy "ragdoll" mode. The level generates procedurally ahead of the player as they run, with coins to collect and spikes to avoid, powered by the Matter.js physics engine. Key Skills: Matter.js physics engine Rigid bodies and constraints Collision detection and events Procedural level generation Game state management (mode toggling) by Anonymous · 192 views	📖 Read Docs 👁️ View
419	never ending hole with fun end This sketch creates an immersive 3D tunnel experience where the player falls through a spiraling vortex of colorful rings that rush toward the camera. The rings twist, fade, and cycle through hues as they approach, with mouse/touch input controlling acceleration and camera tilt to create an intense, interactive descent. Key Skills: 3D rendering with WEBGL Camera transforms and perspective Interactive mouse and touch input HSB color mode and hue cycling Infinite scroll effect through recycling by Anonymous · 191 views	📖 Read Docs 👁️ View
420	UFO has cooldown like 100 seconds This sketch is an idle clicker game where you tap a hot dog to make it grow, earn money, hire workers, and survive UFO attacks with a 100-second cooldown between attacks. The game ends when you survive for 3 minutes, combining casual gameplay with mini survival challenges. Key Skills: Scene management and state machines Cooldown timers and millisecond tracking Collision detection for button taps Exponential upgrade costs Passive income generation by Anonymous · 191 views	📖 Read Docs 👁️ View
421	Fatal ape redux vr This sketch creates a side-scrolling horror game where a stick-figure player navigates eerie rooms, climbs vents, collects keys, and evades procedurally-drawn monsters. Mobile tilt controls and jumpscare events with procedural audio create a tense, minimalist interactive experience. Key Skills: Side-scrolling camera and translation Collision detection and room transitions Monster AI and pathfinding behavior Mobile touch input and device orientation Procedural audio synthesis with p5.sound by Anonymous · 190 views	📖 Read Docs 👁️ View
422	Lethal ape: redux update This sketch creates an immersive top-down horror game where you navigate a multi-floor facility while evading AI-controlled monsters. Device tilt controls the camera view, touch controls let you move and run, and you can collect items, use a scrap machine, and access a mod menu to tweak gameplay settings. Key Skills: Game state machine Touch input and mobile joystick Device orientation (accelerometer) integration Procedural audio with p5.sound Multi-room navigation and collision detection by Anonymous · 189 views	📖 Read Docs 👁️ View
423	PRANK CALL SIM (PREPARE YOUR EYES) This playful interactive sketch transforms your screen into a retro phone where you dial secret numbers, trigger absurd phone calls, and navigate branching dialogue trees with ridiculous outcomes. Each number connects to a different parody scenario—from calling 911 to order pizza to awakening a chaotic "67 Hell" mode complete with text-to-speech screaming. Key Skills: State machines for screen management Audio synthesis and envelopes Branching dialogue trees Mouse and touch input handling Reusable button classes by Anonymous · 187 views	📖 Read Docs 👁️ View
424	im sorry if it doesn't work This sketch creates an interactive ragdoll character that responds to mouse interactions in a physics-driven environment. You can drag the buddy around or punch it with quick clicks to earn points, watching its limbs flail realistically as gravity and collisions affect each body part independently. Key Skills: Physics simulation with gravity Sprite-based ragdoll character Constraint joints connecting body parts Mouse interaction and force application Collision detection and boundary checking by Anonymous · 186 views	📖 Read Docs 👁️ View
425	Console This sketch creates an interactive red ball that bounces around a responsive canvas while being attracted to your mouse cursor. Click anywhere to 'throw' the ball to that location with random velocity and hear a drum sound effect, while a motion trail follows the ball's path. Key Skills: Vector physics and attraction forces Animation loop and frame-by-frame updates Collision detection with bouncing p5.sound library and audio playback Motion trails using transparency by Anonymous · 186 views	📖 Read Docs 👁️ View
426	Gooooooooooooood This interactive sketch creates a darkly humorous emoji printer that spawns animated characters who wait for you to choose their fate—abduction by UFO, airplane crash, shark attack, or ambulance rescue. Each choice triggers a unique animated sequence, leaving behind graves with the departed's emoji and name. Key Skills: Object-oriented programming with ES6 classes State machines and state transitions Array management and iteration with safe removal Interactive buttons and callbacks Animation loops and frame-based timing by Anonymous · 186 views	📖 Read Docs 👁️ View
427	Sketch 2026-04-04 11:46 This sketch creates an interactive animation of a tiger and dragon fighting each other on a dark canvas. The two creatures advance towards each other and retreat in a continuous cycle, while the mouse position controls the pitch and volume of a sine wave oscillator, creating synchronized sound and visuals. Key Skills: Animation cycles and phase tracking Lerp for smooth interpolation Procedural shape drawing Trigonometric animation (sin/cos) p5.sound oscillators and synthesis by Anonymous · 185 views	📖 Read Docs 👁️ View
428	Lethal ape: redux updated but cool This is a 2D top-down horror facility escape game where you navigate a character through monster-infested lab rooms, avoiding enemies and collecting items. You control movement with a joystick or keyboard, interact with machines and lockers, and experience tension-building jumpscares when caught by the procedurally-animated creatures called Lethal Apes. Key Skills: Game State Management Top-down Camera Translation Multi-touch Input Handling AABB Collision Detection Procedural Sound Synthesis by Anonymous · 183 views	📖 Read Docs 👁️ View
429	extreamly very fun amazing super fun crazy cool game This sketch creates a timed image reveal game that displays one image for 10 minutes, then automatically switches to a second image. A countdown timer in the top-right corner tracks the remaining wait time, teaching canvas resizing, DOM manipulation, and time-based state changes. Key Skills: Time-based animation millis() and elapsed time Conditional state switching DOM manipulation Image loading from URLs by Anonymous · 183 views	📖 Read Docs 👁️ View
430	Good (Remix) This sketch simulates a bustling emoji restaurant where you control a customizable player character, manage a personal house, and watch AI customers, robbers, and police officers interact in real-time. You can generate food, decorate your house, drag characters around, and watch an emergent comedy of restaurant chaos unfold. Key Skills: Object-oriented programming and class inheritance State machines and AI behavior Collision detection and avoidance Interactive input handling (mouse, keyboard, touch) Distance-based proximity detection by Anonymous · 183 views	📖 Read Docs 👁️ View
431	the ball game This is a fast-paced catching game where players control a sliding box at the bottom of the screen and try to catch falling colorful balls. Each caught ball adds 10 points to the score, and the game continuously spawns new balls at increasing speeds. Key Skills: Game loop and frame-based animation Object arrays and spawning Collision detection Mouse tracking and input Conditional logic and game state by Anonymous · 182 views	📖 Read Docs 👁️ View
432	Sketch 2026-04-17 17:30 This sketch creates a Geometry Dash-style endless runner game where a player-controlled square jumps over randomly generated obstacles to survive as long as possible. The game features gravity-based physics, collision detection, score tracking, and sound effects that respond to player actions and game events. Key Skills: Physics simulation (gravity and velocity) Collision detection (AABB and triangle overlap) Game state management Procedural content generation Input handling (keyboard, mouse, touch) by Anonymous · 181 views	📖 Read Docs 👁️ View
433	Sketch 2026-03-31 21:42 This sketch creates a fast-paced two-player tennis game viewed from the side. Players control paddles that slide left and right to hit a bouncing ball over a net with realistic gravity, racing to 5 points with serving mechanics and dynamic scoring. Key Skills: Game state management Physics simulation with gravity Collision detection Keyboard input and real-time control Score tracking and win conditions by Anonymous · 181 views	📖 Read Docs 👁️ View
434	Good (Remix) This sketch simulates a bustling emoji restaurant where you control your own customizable character with arrow keys or WASD. AI customers, robbers, police officers, and boat people populate the restaurant, interact with tables and food, while you can visit your personal house on the left side of the screen. Key Skills: ES6 class inheritance State machine design Multi-agent simulation Collision detection and avoidance Pathfinding and AI behavior by Anonymous · 180 views	📖 Read Docs 👁️ View
435	Sketch 2026-03-22 16:02 This sketch creates a romantic love counter that displays how long a relationship has lasted in days, hours, minutes, and seconds, set against a beautiful field of 50 procedurally generated sunflowers. Each sunflower is drawn with realistic petals, curved stems, leaves with veins, and a center using the golden angle spiral pattern found in nature. Key Skills: Classes and object-oriented design Bezier curves and organic shapes Golden angle (phyllotaxis) spiral patterns Trigonometry and rotation Push/pop state management by Anonymous · 180 views	📖 Read Docs 👁️ View
436	flower This sketch creates an interactive kaleidoscope drawing experience where dragging the mouse paints symmetrical, glowing patterns with radial mirroring. The canvas displays a dreamy gradient background with particle trails that fade and swirl, turning simple brush strokes into mesmerizing mandala-like designs. Key Skills: Radial symmetry and matrix transforms HSB color mode and hue cycling Class-based particle systems Graphics buffers and performance optimization Interactive mouse drawing with state tracking by Anonymous · 178 views	📖 Read Docs 👁️ View
437	uhh calculator I think This sketch creates a fully functional calculator interface with a dark theme, clickable buttons, and a live-updating display. It handles basic arithmetic operations, decimal inputs, and includes mobile-friendly touch support alongside mouse interactions. Key Skills: DOM manipulation and p5.js elements Event handling (mouse and touch) State management and global variables Conditional logic and routing CSS styling and responsive design by Anonymous · 176 views	📖 Read Docs 👁️ View
438	HOLY PEAK This interactive sketch lets you splatter rotten tomatoes across full-screen images by clicking anywhere on the canvas. Each tomato flies in a curved arc and leaves permanent, colorful stains on the target, with screen shake effects on every hit. You can switch between three different target faces and clear the splats whenever you want. Key Skills: Full-screen canvas Game state management Persistent graphics buffers Projectile motion with arc Image loading and switching by Anonymous · 176 views	📖 Read Docs 👁️ View
439	feed secrets to black hold This interactive sketch creates a Black Hole Secrets Simulator where users log in with a passcode and feed secrets into an animated black hole. Secrets spiral inward and disappear, with a special reveal mode that explosively ejects stored secrets outward, demonstrating game state management, particle physics, and interactive text input. Key Skills: Game state management Particle systems and orbital physics Keyboard input and text handling Conditional rendering based on state Spiral and orbital animations by Anonymous · 176 views	📖 Read Docs 👁️ View
440	Sign part is done This is a mobile-friendly candy-catching game where players use a green collector bar to catch falling candy while managing interactions between NPCs and different food types. The game features real candy for points, fake candy that poisons people, storms that end the game, bombs, and airdrops that spawn new characters. Key Skills: ES6 class definitions and constructors State machines for NPC behavior Collision detection (AABB rectangles) Array iteration and object removal Game loops and frame-based animation by Anonymous · 176 views	📖 Read Docs 👁️ View
441	pronk This sketch creates a playful prank that mimics a dramatic software crash with a fake blue screen, then reveals a cheerful "You've been pranked!" message. It combines state management, timed transitions, and animations to build suspense before delivering the joke. Key Skills: State machines Switch statements Timing and delays Array iteration Animation loops by Anonymous · 176 views	📖 Read Docs 👁️ View
442	uhh very cool game for cdww This sketch renders an interactive liquid chrome sphere using WebGL raymarching that ripples and deforms based on mouse movement. Simultaneously, it generates a reactive generative techno beat where the filter cutoff and volume respond to how fast you move your mouse. Key Skills: WebGL raymarching Fragment shaders Signed distance fields Real-time uniforms Mouse velocity tracking by Anonymous · 175 views	📖 Read Docs 👁️ View
443	never ending hole with fun end 2.0 This sketch creates an immersive neon tunnel experience where the viewer falls through an endless stream of spinning, colorful squares. As you plummet deeper, the counter tracks remaining squares, and clicking or tapping accelerates your descent until you reach the end. Key Skills: 3D graphics with WEBGL Transform matrices (translate, rotate, push/pop) Array of objects for state management HSB color mode and hue cycling Particle wrapping and recycling by Anonymous · 175 views	📖 Read Docs 👁️ View
444	Lethal ape redux app lab This is a spooky top-down maze game where you navigate through shadowy procedural rooms while being hunted by geometric monsters. Control your character with a joystick, climb staircases between floors, collect keys, and survive the horror—but beware: touching a monster triggers a terrifying jumpscare animation with procedural screams. Key Skills: Top-down camera and viewport translation Multi-room game world with state management AABB collision detection for gameplay mechanics Procedural audio synthesis with p5.sound oscillators and envelopes Touch input tracking with unique ID assignment by Anonymous · 175 views	📖 Read Docs 👁️ View
445	ok it’s fix ok This interactive p5.js sketch creates a chaotic simulation where you tap an orange to spawn people who eat it, then defend themselves against zombies, vans, and helicopters using game state management and object-oriented programming. The sketch layers multiple autonomous agents (people, zombies, vans, police helicopters, and civilian helicopters) that interact dynamically, with houses that can break and game states that shift based on what's happening on screen. Key Skills: Game state machine Object-oriented design with ES6 classes Multiple autonomous agents State transitions and event handling Array filtering and dynamic entity management by Anonymous · 175 views	📖 Read Docs 👁️ View
446	People button to is fix spawn This is a factory builder game where players place furniture items on a grid, spawn customers to buy them, and manage zombie invasions. The game combines building mechanics, NPC pathfinding, and tower-defense elements with money rewards, level progression, and weapon acquisition. Key Skills: Object-oriented programming with ES6 classes State machines for character AI Pathfinding and target selection algorithms Array management and filtering Collision detection and distance calculations by Anonymous · 174 views	📖 Read Docs 👁️ View
447	Cash Cow Ai 1.0 (FOR 92.5 WBKR) This sketch creates an interactive AI chatbot interface called 'Cash Cow AI 1.0' featuring a character named Bob who responds to user messages with humorous, contextual replies. The app includes a chat interface with a thinking cow animation, a menu system with external links, and a rare easter egg that triggers a full-screen dark mode with a dancing cows GIF. Key Skills: DOM manipulation with p5.js Event listeners and input handling Flexbox styling and layout Conditional logic and string matching Random probability and chance events by Anonymous · 174 views	📖 Read Docs 👁️ View
448	Cursed conquest aka JJK game This is a Jujutsu Kaisen-inspired 1v1 fighting game where two players battle in an arena. Players control characters that can move, jump, attack, and use special abilities (Domain Expansion) to defeat their opponent before their health runs out. Key Skills: Game state management Physics simulation (gravity, velocity, collisions) Input handling (keyboard controls) Collision detection Health and resource systems by Anonymous · 172 views	📖 Read Docs 👁️ View
449	It’s fix let’s go but I’m just fixing orange target This sketch simulates a dynamic ecosystem where blue triangular eaters roam a canvas, seeking and consuming red food items that users place by tapping. When an eater finds food, it displays an orange indicator, travels to it, eats it, then turns red and exits the canvas. Users can spawn additional eaters with a button. Key Skills: Steering behaviors (seek, wander, arrival damping) State machine Resource claiming and shared state Object-oriented design with classes Physics integration (velocity and acceleration) by Anonymous · 171 views	📖 Read Docs 👁️ View
450	Sketch 2026-05-17 05:06 This is a 3D first-person bird-shooting game built with p5.js where you fly through a procedurally generated forest, aim at colorful birds flying past, and earn points for accurate shots. As your score grows, you unlock increasingly powerful weapons and faster, more exotic birds—from ducks to dragons—each with unique models, colors, particle effects, and reactive audio. Key Skills: 3D WEBGL rendering and camera control Ray-casting collision detection First-person mouse-locked input handling Particle systems with physics Procedural audio synthesis with oscillators and envelopes by Anonymous · 170 views	📖 Read Docs 👁️ View