📖 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
351	uktu This sketch creates an interactive game where a blue square player is controlled with arrow keys to move around a canvas that fills the entire window. The player stays within the canvas boundaries and the canvas automatically resizes when the window changes size. Key Skills: Keyboard input detection Boundary constraint checking Responsive canvas resizing Variable-based positioning Conditional logic by Anonymous · 231 views	📖 Read Docs 👁️ View
352	jack and cappie This sketch creates an interactive 2D adventure game where you control Jack, exploring two houses and interacting with family members and objects. Jack can move left and right, enter houses, and discover messages from parents, his girlfriend Cappie, and retro gaming consoles, all set in a nostalgic 2001 setting. Key Skills: Scene management and state machines Arrays for managing multiple entities Collision detection and proximity checking Constrained movement within boundaries Keyboard input handling by Anonymous · 230 views	📖 Read Docs 👁️ View
353	Sketch 2026-03-04 02:18 This is a classic Snake game where players control a growing snake using arrow keys to eat food and increase their score. The game ends when the snake hits a wall or itself, and can be restarted by pressing 'R'. Key Skills: Game loop with draw() Array management for linked segments Vector-based position and direction Collision detection (walls and self) Keyboard input handling by Anonymous · 230 views	📖 Read Docs 👁️ View
354	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 · 229 views	📖 Read Docs 👁️ View
355	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 · 229 views	📖 Read Docs 👁️ View
356	Good boy yyyy This is an absurdly chaotic sushi restaurant simulator where customers arrive, order sushi, and eat—but then UFOs abduct them, zombies attack, sharks bite, helicopters shoot, and dozens of other ridiculous events unfold. The sketch combines dozens of event systems, combat mechanics, state management, and visual chaos into a single unhinged game. Key Skills: State machines Object-oriented design with classes and inheritance Array and entity management Probabilistic event spawning Distance-based collision detection by Anonymous · 229 views	📖 Read Docs 👁️ View
357	Sketch 2026-03-06 00:48 This is a stealth puzzle game where you guide a mischievous goose through a garden, dodging gardeners' vision cones, splashing in ponds, and collecting items to complete missions. You can honk to distract guards, watch a mini-map radar, and advance through increasingly difficult levels by stealing items, dunking objects in lakes, or scaring targets. Key Skills: State machines (PATROL, INVESTIGATE, CHASE, RETURN) Vision cone detection using angles and distance Distraction and NPC AI behavior Camera following and depth sorting Mini-map radar scaling and rendering by Anonymous · 229 views	📖 Read Docs 👁️ View
358	Sketch 2026-02-19 21:55 This sketch recreates the Cookie Clicker game mechanic with a giant clickable cookie on the left and upgradeable buildings on the right. It features a day/night cycle, twinkling stars, animated click effects, and a progression system where players earn cookies through clicking and passive generation. Key Skills: Mouse interaction and collision detection Game state management with objects and arrays Color interpolation and day/night cycles Upgrade systems with exponential cost scaling UI layout and scrollable panels by Anonymous · 229 views	📖 Read Docs 👁️ View
359	lookpassword LostApp is a cyberpunk-themed secure vault application that requires login credentials to unlock. Once authenticated, users can store encrypted entries called 'flies' with optional media attachments, manage a 180-minute storage budget, upload custom background music, and email reports—all while animated floating dots create a neon aesthetic in the background. Key Skills: State management and conditional visibility Form input validation and data collection Arrays of objects for complex data storage File uploads and media handling p5.dom for UI element creation by Anonymous · 229 views	📖 Read Docs 👁️ View
360	survive 10 years in cave with cheese launcher This sketch creates an endless dungeon crawler where you navigate procedurally-generated mazes, dodge hostile enemies, and blast them with a cheese launcher. Each floor gets harder as you descend deeper, picking up loot upgrades along the way. Key Skills: Procedural generation with random walk Collision detection between entities Timed spawning systems Game state management Class-based architecture for game objects by Anonymous · 228 views	📖 Read Docs 👁️ View
361	Sketch 2026-03-06 19:24 This sketch creates an interactive clicker game where players earn money by clicking a button, with passive income, auto-clicker, and a sophisticated mod menu system that lets players adjust game parameters in real-time. The game includes a comprehensive settings interface accessible by pressing 'M' that categories game tweaks, money cheats, and reset options. Key Skills: Game state management Event handling (mouse and keyboard) Custom UI components (buttons, sliders, inputs) Tabbed menu interface Real-time parameter adjustment by Anonymous · 227 views	📖 Read Docs 👁️ View
362	Sketch 2026-03-01 22:19 This is a classic arcade-style space shooter where the player controls a ship at the bottom of the screen to destroy enemies falling from above. The game features progressive difficulty, collision detection, a lives system, and score tracking, with the game ending when all lives are lost. Key Skills: Game state machine Collision detection (AABB) Array iteration and removal Object properties Progressive difficulty by Anonymous · 227 views	📖 Read Docs 👁️ View
363	Sketch 2026-02-23 03:27 This sketch simulates a supply drop coordination game where you shoot a flare, triggering an airplane to fly across the screen and release supply packages. Multiple vehicles then race to collect the supplies on the ground, creating a dynamic chain reaction of events across the canvas. Key Skills: Array management Object state tracking Responsive canvas design Animation loops Collision detection (distance-based) by Anonymous · 227 views	📖 Read Docs 👁️ View
364	fun game This sketch creates a time-loop puzzle game where the player navigates through a maze while previous actions replay as helpful ghosts. You must use ghostly replays to hold down pressure plates, open doors, dodge lethal lasers, and escape from a chasing evil ghost before each 10-second loop resets. Key Skills: Game state management Array-based path recording and playback Collision detection (axis-aligned rectangles and circles) Real-time timer and loop mechanics Interactive keyboard input by Anonymous · 226 views	📖 Read Docs 👁️ View
365	Sketch 2026-03-06 23:20 This is a 3D first-person shooter game built with three.js where players shoot banana projectiles at 'Among Us' characters across 15 progressively harder rounds. The game combines FPS controls, collision detection, AI pathfinding, and procedural sound effects to create an interactive combat experience. Key Skills: 3D rendering with three.js Procedural audio synthesis with p5.sound FPS camera controls and pointer lock Bounding box collision detection AI pathfinding and chasing behavior by Anonymous · 226 views	📖 Read Docs 👁️ View
366	Sketch 2026-03-06 00:04 This sketch creates a 3D first-person horror game inspired by Roblox's DOORS, where players navigate an infinite hallway of numbered rooms while avoiding the entity 'Rush' that spawns randomly and hunts them down. Players can hide in closets, open doors, and experience atmospheric lighting effects and audio cues that build tension. Key Skills: WEBGL 3D Rendering Procedural Texture Generation First-Person Camera and Pointer Lock Collision Detection (AABB) Entity AI and State Management by Anonymous · 226 views	📖 Read Docs 👁️ View
367	pull a brainrot A colorful incremental clicker game where you collect bouncing 'brainrot' creatures of different rarities that appear in vertical zones. Drag them to your inventory, upgrade and sell them to earn passive income, and unlock rarer creatures by accumulating strength. Key Skills: Game loop and animation Vector math and physics Object-oriented programming (classes) Inventory and state management Incremental progression systems by Anonymous · 225 views	📖 Read Docs 👁️ View
368	Beachvibes Beachvibes is an interactive audio-visual sketch that creates a relaxing beach scene with animated ocean waves synchronized to dynamic sound effects. The sketch combines continuous wave noise with periodic crashing wave sounds, triggered with visual splash animations, while users control volume, wave depth, and crash frequency through interactive sliders. Key Skills: Audio synthesis with p5.sound Noise generators and filtering Envelope control (ADSR) Perlin noise animation Real-time parameter modulation by Anonymous · 225 views	📖 Read Docs 👁️ View
369	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 · 224 views	📖 Read Docs 👁️ View
370	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 · 224 views	📖 Read Docs 👁️ View
371	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 · 224 views	📖 Read Docs 👁️ View
372	sigmaskibidi This is a minimal p5.js template that creates a canvas filling the entire browser window and maintains that full-screen size whenever the window is resized. It serves as a clean starting point for any p5.js creative coding project. Key Skills: Canvas initialization Responsive design Draw loop Window events Setup and initialization by Anonymous · 224 views	📖 Read Docs 👁️ View
373	Sketch 2026-02-24 21:42 This is not a p5.js creative coding sketch. The provided files contain an HTML business website for Common Courtesy Delivery and Logistics LLC with CSS styling, but no p5.js code, canvas graphics, or interactive visualizations. Key Skills: Arrays & loops Trigonometry by Anonymous · 224 views	📖 Read Docs 👁️ View
374	Sketch 2026-02-22 22:27 This sketch simulates a busy emoji restaurant where customers arrive, find seats at tables, eat food, and leave. Click or tap the kitchen area to generate food items that customers will eat, creating a dynamic, interactive restaurant simulation with state machines and object-oriented design. Key Skills: State machines (ARRIVING, SEEKING_TABLE, MOVING_TO_CHAIR, EATING, LEAVING) Object-oriented design with classes Pathfinding with atan2 and trigonometry Object references and linking Array cleanup and memory management by Anonymous · 223 views	📖 Read Docs 👁️ View
375	dummy This sketch creates an interactive stick man character in a retro school classroom setting who spreads hilariously false information through a chat interface. Players move the stick man around with WASD keys, press F to make him smile, and ask him questions to receive intentionally bad "facts" paired with awkward rhymes. Key Skills: Canvas and DOM integration Keyboard input and event handling Transform matrices (translate, push/pop) 2D vector-based drawing (lines, ellipses, arcs) Conditional rendering and state management by Anonymous · 222 views	📖 Read Docs 👁️ View
376	Sketch 2026-03-12 15:43 This sketch creates a local multiplayer fighting game inspired by ROUNDS, where two players battle across multiple maps, collect upgrades via a card system, and compete to 15 points. Players can move, jump, shoot bullets with various properties, and parry incoming fire in a physics-based arena. Key Skills: Game state management Real-time physics simulation Collision detection and response Player input handling (keyboard and mouse) AI decision making and targeting by Anonymous · 220 views	📖 Read Docs 👁️ View
377	Sketch 2026-03-02 23:21 This is a 'Catch the Stars' game where players control a paddle at the bottom of the screen to catch falling stars and earn points. The game uses Matter.js physics simulation to handle gravity and collisions, increases difficulty over time by spawning stars faster, and ends when all three lives are lost. Key Skills: Physics engine integration Collision detection and event handling Game state management Dynamic difficulty scaling Mouse-based input and constraints by Anonymous · 220 views	📖 Read Docs 👁️ View
378	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 · 219 views	📖 Read Docs 👁️ View
379	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 · 218 views	📖 Read Docs 👁️ View
380	elastic Eric This sketch creates a fully 3D, squishy character named Elastic Eric in WEBGL that responds to dragging and squishing. Toggle Puddle Mode to watch him melt into a gooey, fluid blob that pools in a glass bowl, complete with dynamic jaw animation, speech synthesis, and mobile-friendly touch controls. Key Skills: WEBGL 3D rendering Verlet integration physics Mesh deformation and vertex manipulation Soft-body dynamics State interpolation with lerp by Anonymous · 217 views	📖 Read Docs 👁️ View
381	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 · 217 views	📖 Read Docs 👁️ View
382	for web wensday on corbun does weird webs upd This sketch transforms your mouse into a symmetrical kaleidoscope brush that paints colorful, mirrored trails around a central image. As you drag, the sketch creates vibrant, swirling patterns with trails that fade and shimmer, combining interactive drawing with mathematical symmetry and HSB color cycling. Key Skills: Image loading with preload() HSB color model and hue cycling Coordinate transformation (translate and rotate) Mouse interaction and tracking Mathematical symmetry and mirroring by Anonymous · 217 views	📖 Read Docs 👁️ View
383	reverse platform This sketch creates an interactive reverse platformer game where you control the level itself rather than the character. An AI-controlled yellow hero automatically navigates through a scripted obstacle course following waypoints, while you manipulate movable platforms and place spike hazards to either help or sabotage its progress. Key Skills: Object-oriented programming (classes) Physics simulation (gravity, velocity, collision) AI pathfinding and waypoint following Collision detection (AABB) Game state management by Anonymous · 216 views	📖 Read Docs 👁️ View
384	Sketch 2026-03-10 19:26 This sketch creates a celebratory animation with a central GIF image surrounded by expanding rainbow pulse rings and colorful particles that emit outward and fade away. The particles stream from the center while concentric rainbow rings pulse outward in waves, all set against a white background for a bright, dynamic visual effect. Key Skills: Object-oriented programming (classes) Array management and iteration HSB color mode Particle systems Vector-based movement by Anonymous · 216 views	📖 Read Docs 👁️ View
385	Sketch 2026-03-10 06:53 This sketch creates a light blue circle that follows your mouse cursor across the canvas in real time. The circle tracks the mouse position every frame, creating a simple but satisfying interactive effect. The canvas automatically resizes when the window changes size. Key Skills: Mouse interaction (mouseX, mouseY) The draw loop and continuous updates Shape positioning and parameters Color with RGB values Responsive canvas sizing by Anonymous · 216 views	📖 Read Docs 👁️ View
386	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 · 215 views	📖 Read Docs 👁️ View
387	falling lava survival This sketch creates a physics-based survival game where players control a blue ball to dodge an endless stream of falling red rectangles. Using Matter.js for realistic physics, the player slides across the ground, jumps to avoid collisions, and earns points for each dodged object while racing against a 60-second timer. Key Skills: Matter.js physics engine Collision detection Game state management Delta time for frame-rate independence Physics forces and velocity by Anonymous · 215 views	📖 Read Docs 👁️ View
388	Sketch 2026-03-06 17:30 This sketch creates an interactive clicking game where players rapidly click on a red target that appears randomly on the canvas. A mod menu accessible via an image button in the top-left corner lets players adjust game speed, pause/resume, add score, and activate god mode. Key Skills: Event handling (mousePressed) Collision detection (dist function) Game state management DOM manipulation (createDiv, createButton, createSlider) Conditional rendering based on state by Anonymous · 215 views	📖 Read Docs 👁️ View
389	Foooooooood This is a restaurant cooking game where players manage food orders by clicking menu items to cook them in microwaves and fridges, then transferring them to chopping boards to serve. The game tracks score, failed orders, and customer satisfaction through emoji reactions and animated arrivals/departures. Key Skills: Game state machines Array-based inventory systems Click/tap detection and hit testing Animation with millis() and lerp() Responsive canvas layout by Anonymous · 215 views	📖 Read Docs 👁️ View
390	time janitor Time Janitor is an interactive puzzle game where players drag historical event cards into the correct sequence to repair a corrupted timeline. Players must decide whether to fix or keep chaotic "glitch" events, and their choices reshape the story's ending across three possible outcomes. Key Skills: Game state machine Interactive drag and drop Array manipulation (splice) Mouse event handling Dynamic UI rendering by Anonymous · 214 views	📖 Read Docs 👁️ View
391	67 This sketch creates an immersive 3D first-person treasure hunt where you explore a procedurally generated forest of grass tiles and trees, searching for a hidden leprechaun's treasure. Using keyboard controls, you navigate the world, follow distance and direction hints on screen, and dig when you reach the correct location. Key Skills: WEBGL 3D rendering Camera positioning and tracking Procedural world generation Deterministic pseudo-random number generation 3D transformations and rotations by Anonymous · 214 views	📖 Read Docs 👁️ View
392	Sketch 2026-03-05 16:01 This is a space shooter game where the player controls a blue spaceship to dodge falling red enemies and shoot them down with yellow bullets. The game features explosion particle effects, procedural sound synthesis for laser and explosion audio, and tracks score and lives across three difficulty tiers. Key Skills: Game state machine Collision detection Particle systems Procedural sound synthesis Class-based object architecture by Anonymous · 214 views	📖 Read Docs 👁️ View
393	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 · 213 views	📖 Read Docs 👁️ View
394	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 · 212 views	📖 Read Docs 👁️ View
395	Just a rock simulator This sketch creates a scenic landscape simulator with a randomly generated irregular rock shape positioned on grass, clouds floating in the sky, a sun, and small people standing on top of the rock. The entire scene is responsive to window resizing, regenerating all elements to fit the new canvas dimensions. Key Skills: Procedural generation Polar coordinates Responsive canvas sizing Vertex-based polygons Data separation from rendering by Anonymous · 212 views	📖 Read Docs 👁️ View
396	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 · 211 views	📖 Read Docs 👁️ View
397	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 · 211 views	📖 Read Docs 👁️ View
398	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 · 211 views	📖 Read Docs 👁️ View
399	CHAT GPT PART 2 Chat Stella is an interactive chatbot interface built with p5.js that responds to user messages with keyword-based replies, generates visual art, and speaks responses aloud using text-to-speech synthesis. The sketch combines DOM elements for chat interaction with p5.js graphics to create a playful conversational experience. Key Skills: Keyword matching and conditional logic DOM manipulation and p5.js integration Text-to-speech synthesis (p5.Speech) Graphics generation with createGraphics() Asynchronous timing with setTimeout by Anonymous · 210 views	📖 Read Docs 👁️ View
400	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 · 210 views	📖 Read Docs 👁️ View