📖 Code Guides - Complete Catalog

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

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

#	Sketch Details	Actions
401	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 · 223 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 · 223 views	📖 Read Docs 👁️ View
403	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 · 223 views	📖 Read Docs 👁️ View
404	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 · 222 views	📖 Read Docs 👁️ View
405	Shape dance This sketch creates an interactive audio visualization where three types of shapes dance and react to different frequencies of sound from your microphone. A pulsating ellipse responds to bass, rotating rectangles follow mid-range energy, and a waveform spectrum analyzer at the bottom visualizes the full frequency spectrum. Key Skills: Audio input and microphone access FFT (Fast Fourier Transform) frequency analysis Energy band extraction (bass, mid, treble) Real-time data mapping with map() Coordinate transformations (translate, rotate, push/pop) by Anonymous · 222 views	📖 Read Docs 👁️ View
406	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 · 219 views	📖 Read Docs 👁️ View
407	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 · 219 views	📖 Read Docs 👁️ View
408	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 · 218 views	📖 Read Docs 👁️ View
409	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 · 218 views	📖 Read Docs 👁️ View
410	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 · 217 views	📖 Read Docs 👁️ View
411	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 · 216 views	📖 Read Docs 👁️ View
412	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 · 216 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 · 213 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 · 213 views	📖 Read Docs 👁️ View
415	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 · 210 views	📖 Read Docs 👁️ View
416	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 · 210 views	📖 Read Docs 👁️ View
417	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 · 210 views	📖 Read Docs 👁️ View
418	FNAF lol This sketch recreates the tense security office from Five Nights at Freddy's with four animated blocky animatronics that move through connected rooms, attack doors on timers, and jumpscare you if left undefended. You manage power consumption by closing doors and monitoring cameras while trying to survive until 6 AM. Key Skills: Game state machines AI pathfinding and timers Collision detection (door attacks) Procedural audio synthesis Canvas transforms and 2D shape rendering by Anonymous · 209 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 · 209 views	📖 Read Docs 👁️ View
420	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 · 209 views	📖 Read Docs 👁️ View
421	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 · 209 views	📖 Read Docs 👁️ View
422	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 · 208 views	📖 Read Docs 👁️ View
423	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 · 207 views	📖 Read Docs 👁️ View
424	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 · 206 views	📖 Read Docs 👁️ View
425	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 · 205 views	📖 Read Docs 👁️ View
426	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 · 204 views	📖 Read Docs 👁️ View
427	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 · 204 views	📖 Read Docs 👁️ View
428	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 · 204 views	📖 Read Docs 👁️ View
429	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 · 201 views	📖 Read Docs 👁️ View
430	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 · 201 views	📖 Read Docs 👁️ View
431	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 · 201 views	📖 Read Docs 👁️ View
432	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 · 199 views	📖 Read Docs 👁️ View
433	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 · 199 views	📖 Read Docs 👁️ View
434	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 · 198 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 · 198 views	📖 Read Docs 👁️ View
436	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 · 197 views	📖 Read Docs 👁️ View
437	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 · 197 views	📖 Read Docs 👁️ View
438	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 · 196 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 · 196 views	📖 Read Docs 👁️ View
440	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 · 195 views	📖 Read Docs 👁️ View
441	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 · 194 views	📖 Read Docs 👁️ View
442	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 · 193 views	📖 Read Docs 👁️ View
443	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 · 192 views	📖 Read Docs 👁️ View
444	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 · 192 views	📖 Read Docs 👁️ View
445	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 · 192 views	📖 Read Docs 👁️ View
446	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 · 191 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 · 190 views	📖 Read Docs 👁️ View
448	MY TEST ROBOT This sketch creates an interactive robot that you can click to control. Click the head to make it spin, click either arm to make it wave, or click the body to make the whole robot bounce up and down. Key Skills: Transform matrices (push/pop) Translate and rotate Sine wave oscillation Collision detection Event handling (mousePressed) by Anonymous · 189 views	📖 Read Docs 👁️ View
449	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 · 188 views	📖 Read Docs 👁️ View
450	This is serious vote now you're going to pick me or the other guy it's only one answer who's winning This sketch creates a full-screen voting interface with two large, colorful buttons representing competing game ideas. Click either button to cast your vote and watch the live vote counts update in real-time beneath each option. Key Skills: DOM element creation Event handling (mousePressed) Responsive positioning State management (vote counters) Real-time display updates by Anonymous · 188 views	📖 Read Docs 👁️ View