📖 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
501	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 · 244 views	📖 Read Docs 👁️ View
502	Top Hat AI This sketch creates a grid-based building game where tiny top-hatted AI robots fly around dropping colored blocks to construct walls, towers, pyramids, houses, cars, and even pixel-art recreations of uploaded photos. Players click UI buttons to send blueprints, summon lumberjack AIs to chop everything down, toggle a pseudo-3D isometric view, or explore inside a furnished house. Key Skills: Object factory functions & closures Shared task queues Finite state machines (game screens & AI modes) Faked 3D isometric rendering with quad() Grid-based collision & gravity simulation by Anonymous · 1686 views	📖 Read Docs 👁️ View
503	Challange of the day-Fabric This sketch simulates a realistic cloth hanging from two fixed points at the top, made of hundreds of tiny particles connected by springs. The cloth sways under gravity, and dragging your mouse over it pulls and stretches the fabric in real time, demonstrating physics-based animation using the Matter.js engine. Key Skills: Particle systems Physics engine (Matter.js) Spring constraints Mouse interaction and dragging Nested loops and 2D arrays by Anonymous · 257 views	📖 Read Docs 👁️ View
504	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 · 228 views	📖 Read Docs 👁️ View
505	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 · 226 views	📖 Read Docs 👁️ View
506	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 · 244 views	📖 Read Docs 👁️ View
507	Don't go too hard on the speaker bro🫠 This sketch turns your microphone into a live visual instrument: a swarm of colorful little 'cars' chases your mouse and bounces off each other, a spectrum analyzer and pulsing circle react to sound in real time, and a goofy stickman starts dancing whenever the room gets loud enough. Key Skills: Audio input & FFT analysis (p5.sound) Vector-based attraction/steering Circle collision detection & response Class-based object design (ES6 classes) Trigonometric animation with sin/cos by Anonymous · 3816 views	📖 Read Docs 👁️ View
508	Daydreaming pink fish This sketch creates a gently bobbing pink fish floating in a soft blue underwater scene, surrounded by rising bubbles and a rotating speech bubble that displays daydream thoughts every few seconds. Key Skills: Sine wave oscillation ES6 classes Object arrays Time-based logic with millis() Custom drawing functions by Anonymous · 611 views	📖 Read Docs 👁️ View
509	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 · 209 views	📖 Read Docs 👁️ View
510	Sketch 2026-04-17 16:24 This is a rhythm game where players click or press keys to hit falling beats as they pass through a red hit zone at the bottom of the screen, similar to Guitar Hero or Beat Saber. The game uses Tone.js for precise audio scheduling and features a creative twist: each time you lose, the crowd changes from people to dogs to water, creating a humorous progression. Key Skills: Game state management Collision detection and hit zones Audio scheduling with Tone.js Rhythm patterns and timing Feedback and visual response by Anonymous · 196 views	📖 Read Docs 👁️ View
511	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 · 255 views	📖 Read Docs 👁️ View
512	Sketch 2026-04-17 15:29 This sketch creates an interactive audio-reactive spiral visualization that pulses to microphone input, with colors shifting through the rainbow as the spiral expands. Pressing 'h' toggles between the music wave effect and a playful 'hacked screen' aesthetic with green code and digital glitch effects. Key Skills: Audio input and microphone FFT frequency analysis Real-time sound visualization Parametric spirals Color mapping with HSB by Anonymous · 270 views	📖 Read Docs 👁️ View
513	Sketch 2026-04-16 13:24 This interactive game lets players control a brown dog character using arrow keys and drag colorful food items to feed it. As the dog eats, a 'Poo Power' meter fills up, and pressing 'P' triggers an animated poo release with synthesized sound effects—a quirky, playful experience combining movement, drag-and-drop interaction, and Web Audio API synthesis. Key Skills: Object-Oriented Programming (Classes and Methods) Mouse Interaction (Click, Drag, Release Detection) Keyboard Input (keyPressed, keyIsDown with Arrow Keys) Collision Detection (dist() function) Animation State Management (Flags and Timers) by Anonymous · 307 views	📖 Read Docs 👁️ View
514	potato ai 2.0 OFFICAL This sketch is a joke chatbot called 'Potato AI 2.0' built entirely with p5.js DOM functions instead of the canvas. You type messages into a text box and a potato-themed 'AI' named larry replies with puns, random meme images, follow-up questions, or glitchy nonsense, plus a few hidden easter eggs like a fake Rickroll and a full-screen 'code chaos' sequence. Key Skills: DOM manipulation with p5.js (createDiv, createButton, createImg) Event-driven programming (mousePressed, changed, keypress listeners) Conditional logic trees for a simple rule-based chatbot Randomness with random() used to control probabilities, not visuals Asynchronous timing with setTimeout to fake 'thinking' by Anonymous · 8018 views	📖 Read Docs 👁️ View
515	Audio Reactive sensor This sketch creates a real-time audio visualization that responds to microphone input. Colorful frequency bars dance across the canvas based on audio frequencies, while a pulsing circle at the center grows and shrinks with the overall volume level. Key Skills: p5.sound FFT frequency analysis Microphone input and audio level HSB color mode and hue cycling Mapping data to visual properties Real-time animation loop by Anonymous · 260 views	📖 Read Docs 👁️ View
516	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 · 245 views	📖 Read Docs 👁️ View
517	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 · 251 views	📖 Read Docs 👁️ View
518	Shoot This is an interactive two-mode shooting game built with p5.js. In Shooting Gallery mode, the player aims and clicks to shoot descending targets. In Zombie Mode, the player watches an AI-controlled gun person defend against attacking zombies spawning from a grave, earning points for each zombie destroyed. Key Skills: Game state machine Collision detection (rectangle-circle) Procedural spawning AI targeting with atan2 Particle effects with gravity by Anonymous · 270 views	📖 Read Docs 👁️ View
519	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 · 240 views	📖 Read Docs 👁️ View
520	juke juke juke shaur Juke Out is a fast-paced dodging survival game where you control a cyan character and evade waves of increasingly aggressive enemies. Dodge them by moving smoothly, then make sharp directional cuts to 'juke' (break their ankles) and send them spinning helplessly to the ground. Key Skills: Game state management Steering behavior AI Collision detection Velocity and acceleration Input handling (keyboard, mouse, touch) by Anonymous · 249 views	📖 Read Docs 👁️ View
521	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 · 245 views	📖 Read Docs 👁️ View
522	Ass game lol don’t play it This sketch creates an interactive game where clicking on walking stick figures causes them to eat food, which randomly spawns flying guns that hover above them and shoot. When hit, people die and disappear from the canvas. It demonstrates object-oriented programming with Person and Gun classes, array management, collision detection, and finite state machines. Key Skills: Object-oriented programming with classes Array management and filtering Collision detection with bounding boxes Finite state machines Animation and motion by Anonymous · 256 views	📖 Read Docs 👁️ View
523	Sketch 2026-04-08 19:04 This sketch creates an interactive Black Hole Secrets Simulator with two game states: a passcode-protected login terminal and a mesmerizing black hole visualization where users can submit secrets that spiral into the center. When the reveal code is entered, all secrets explode outward in a dramatic burst. Key Skills: Game state management Orbital motion with trigonometry Keyboard input and text collection Particle animation and physics reversal Text rendering with alpha transparency by Anonymous · 193 views	📖 Read Docs 👁️ View
524	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 · 212 views	📖 Read Docs 👁️ View
525	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 · 233 views	📖 Read Docs 👁️ View
526	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 · 245 views	📖 Read Docs 👁️ View
527	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 · 209 views	📖 Read Docs 👁️ View
528	I like it This sketch creates an interactive survival game where people flee from multiple threats including cars, UFOs, sharks, meteors, zombies, lava, and nukes. Armed people can defend themselves by shooting zombies from airdrops, with the goal of helping as many people escape as possible while zombies are jailed and eventually defeated. Key Skills: Steering behaviors (seek, flee, pursue) Collision detection State machines Multi-agent simulation Object arrays and removal by Anonymous · 269 views	📖 Read Docs 👁️ View
529	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 · 250 views	📖 Read Docs 👁️ View
530	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 · 228 views	📖 Read Docs 👁️ View
531	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 · 224 views	📖 Read Docs 👁️ View
532	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 · 285 views	📖 Read Docs 👁️ View
533	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 · 227 views	📖 Read Docs 👁️ View
534	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 · 223 views	📖 Read Docs 👁️ View
535	300 lol This sketch is an interactive survival game where players tap a green food circle to defend against three escalating disasters: a UFO attack at 100 taps, a microwave explosion at 200 taps, and a zombie invasion at 300 taps. Each event is a near-death experience that must be survived through different mechanics—avoiding the UFO's beam, watching the pizza explode, and finding a key to escape. Key Skills: Game state management with switch statements Animation timing using millis() and lerp/map Event sequencing and phase transitions Sound design with p5.sound oscillators and noise Collision detection for tap targets by Anonymous · 265 views	📖 Read Docs 👁️ View
536	gta 6 current state upd for hooda math This is a GTA-style 3D sandbox game built with three.js where players drive a car, evade police, and survive escalating waves of cop cars and tanks. The game features a persistent chunk-based world, a star-wanted level system, collision detection, and the ability to exit the car and shoot NPCs on foot. Key Skills: 3D game loop animation Chunk-based world generation AI pathfinding and chasing Raycasting for shooting Collision detection by Anonymous · 263 views	📖 Read Docs 👁️ View
537	cosmic defender Cosmic Defender is a fast-paced multiplayer space shooter where players dodge enemies, collect power-ups, and battle bosses across five distinct game modes. The sketch combines real-time collision detection, particle effects, procedural enemy spawning, and dynamic difficulty to create an engaging arcade experience. Key Skills: Game state management Object-oriented design with classes Collision detection Particle systems Sound synthesis with oscillators by Anonymous · 249 views	📖 Read Docs 👁️ View
538	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 · 211 views	📖 Read Docs 👁️ View
539	DUCK WARS RPG (by corbun mobile supported) Duck Wars RPG is a Game Boy-style pixel adventure where you explore a procedurally generated tile map as a morphing duck hero and engage in turn-based RPG battles with randomly encountered enemies. Players can switch between three forms (Duckling, Fire Duck, Wolf), each with unique stats and move sets, while discovering the game world and fighting wild creatures. Key Skills: Game state machine Low-resolution graphics buffer Procedural terrain generation with Perlin noise Turn-based combat logic Canvas scaling and pixel-perfect rendering by Anonymous · 261 views	📖 Read Docs 👁️ View
540	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 · 237 views	📖 Read Docs 👁️ View
541	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 · 228 views	📖 Read Docs 👁️ View
542	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 · 239 views	📖 Read Docs 👁️ View
543	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 · 219 views	📖 Read Docs 👁️ View
544	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 · 214 views	📖 Read Docs 👁️ View
545	neon pong This is a souped-up Pong game that explodes with 10+ game modes, AI opponents, boss battles, gravity wells, portals, and a gun upgrade shop. Players earn coins by scoring, buy gun upgrades with coins, and battle through escalating levels in single-player mode or face off against a friend. Key Skills: Game state management Collision detection (ball-paddle, ball-boss, bullet-ball) Physics and velocity AI pathfinding and decision making Mode-based configuration and scaling by Anonymous · 323 views	📖 Read Docs 👁️ View
546	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 · 224 views	📖 Read Docs 👁️ View
547	te amo This sketch creates a romantic love counter displaying how long a couple has been together, overlaid on an animated field of 50 procedurally-generated sunflowers. Each sunflower features realistic petals, stems, leaves, and a golden-angle phyllotaxis center, while a counter box at the top shows elapsed time in days, hours, minutes, and seconds since a target date 128 days and 10 hours ago. Key Skills: Phyllotaxis and golden angle Object-oriented design (ES6 classes) Bezier curves for organic shapes Real-time date and time calculations Responsive canvas sizing by Anonymous · 248 views	📖 Read Docs 👁️ View
548	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 · 242 views	📖 Read Docs 👁️ View
549	EBFB HIDDEN This sketch is a multi-stage interactive puzzle game hidden inside a deceptively cheerful interface. Players click past a smiling face to enter a series of 10 riddle-based puzzles, each requiring specific text input to advance. Solving all puzzles triggers a final eerie screen with a purple glowing shape and opens a secret Google Docs link. Key Skills: State management with variables Conditional branching (if/else if) Switch statements for puzzle selection Text input and string manipulation Encryption and encoding (Caesar cipher + Base64) by Anonymous · 249 views	📖 Read Docs 👁️ View
550	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 · 248 views	📖 Read Docs 👁️ View