📖 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
601	7 painful nights at corbuns zombie island This is a 3D first-person island survival game built with Three.js where you walk around a low-poly island, harvest fruit from palm trees, shoot zombies that spawn at night, hire guards to help defend, and try to survive 7 nights. The game combines exploration, resource management, combat, and a day-night cycle. Key Skills: Three.js 3D rendering First-person camera controls Game state machine (day-night cycle) Object-oriented game entities (classes) Collision detection and response by Anonymous · 331 views	📖 Read Docs 👁️ View
602	dino game but with a twist:) This sketch creates a fast-paced dinosaur runner game where players tap to jump over randomly-sized cacti racing toward them. When you hit a cactus, an animated GIF briefly celebrates your crash before the game resets, adding a humorous twist to the classic endless runner genre. Key Skills: Game loop and frame-based animation ES6 classes and object-oriented design Gravity and velocity physics Axis-aligned bounding box collision detection Game state management with boolean flags by Anonymous · 291 views	📖 Read Docs 👁️ View
603	bullet heaven Bullet Heaven is an action-packed arcade game where you pilot a glowing mech through a star-filled space, automatically targeting and firing at swarming enemies while dodging with keyboard controls. Collect rotating power-ups to boost your health, damage, fire rate, and score multiplier as waves of enemies attack from all sides. Key Skills: Game state machine Object-oriented design with classes Collision detection (distance-based) Automatic targeting and vector math Array management and iteration by Anonymous · 281 views	📖 Read Docs 👁️ View
604	click This sketch creates an interactive auto-clicker interface with a large toggleable button and a live counter that rapidly increments. Click the button to start or stop the auto-clicker, and watch the click count race upward in real time as the browser fires clicks as fast as it can manage. Key Skills: State management with boolean flags setInterval for repeated actions DOM manipulation from p5.js Button event listeners Responsive repositioning with windowResized by Anonymous · 257 views	📖 Read Docs 👁️ View
605	sunrise This sketch animates a peaceful day-night cycle, showing the sky transitioning from starry night through dawn, bright day, sunset, and back to night. Clouds drift across the sky, birds glide through the scene, and a glowing sun arcs from the bottom to the top of the canvas, while layered silhouettes form a rolling ground at the horizon. Key Skills: Color interpolation with lerpColor Object-oriented programming with classes Array iteration and object management Alpha transparency and fade effects Progress-driven animation by Anonymous · 314 views	📖 Read Docs 👁️ View
606	emoji clicker This sketch creates an interactive emoji clicker game where players tap a giant smiling emoji to earn points, then purchase upgrades that automatically generate points over time. As upgrades are purchased, the game progressively unlocks more powerful earning mechanisms, creating an idle game experience. Key Skills: Object arrays Game state management DOM elements in p5.js Event handling Exponential scaling by Anonymous · 324 views	📖 Read Docs 👁️ View
607	weird birds flocking This sketch creates a mesmerizing infinite scrolling landscape filled with procedurally generated biomes—water, sand, forests, and mountains—while a flock of birds uses flocking behavior to glide, swirl, and follow your mouse across the ever-changing world. The combination of Perlin noise world generation, smooth scrolling, and Craig Reynolds' boid flocking algorithm produces a relaxing, living ecosystem. Key Skills: Perlin noise and procedural generation Boid flocking and steering behaviors Vector math and forces Graphics buffering and efficient scrolling Transformations and coordinate systems by Anonymous · 302 views	📖 Read Docs 👁️ View
608	Try this This is a roguelike action game where you control a character that automatically attacks enemies with multiple weapons simultaneously. Defeat enemies to earn gold, buy upgrades in the shop, and survive increasingly difficult waves. Key Skills: Game state machines Object-oriented design with classes Collision detection using distance p5.Graphics texture rendering Touch input handling by Anonymous · 292 views	📖 Read Docs 👁️ View
609	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 · 265 views	📖 Read Docs 👁️ View
610	jack and cappie both game This sketch creates an interactive 2D game where you control Jack as he walks around a simple neighborhood with two houses. By pressing arrow keys or WASD, you move Jack left and right to interact with family members, his girlfriend Cappie, and his beloved retro gaming consoles, each triggering friendly messages. Key Skills: Arrays and objects for game state Keyboard input and real-time interaction Distance-based collision detection 2D character and scene rendering Canvas responsiveness and window resizing by Anonymous · 277 views	📖 Read Docs 👁️ View
611	veck.io pls friend moon_noob on the real website veck.io This sketch creates a hybrid 2D/3D space shooter game using p5.js for UI and game logic combined with Three.js for 3D rendering. Players control a spaceship on a procedurally generated grid arena, shooting down incoming red enemies while managing health, across three game states: start screen, active gameplay, and game over screen. Key Skills: Game state management Collision detection with bounding boxes Procedural generation with noise Canvas layering and z-index Coordinate system mapping by Anonymous · 302 views	📖 Read Docs 👁️ View
612	cookie clicker by:moon_noob This is a Cookie Clicker game where players click a central cookie to earn points, then purchase upgrades that generate cookies automatically. The game features persistent save/load functionality using localStorage, responsive button positioning, and real-time score updates displaying cookies per second (CPS). Key Skills: Game loops and state management deltaTime-based animation Object arrays and upgrade progression localStorage persistence DOM manipulation with p5.buttons by Anonymous · 294 views	📖 Read Docs 👁️ View
613	Sketch 2026-03-06 23:200 Escape Benson Island is an action shooter game where players control a yellow banana at the bottom of the screen and fire banana projectiles upward to destroy descending red Among Us enemy characters. The game progresses through 15 rounds of increasing difficulty, with enemies spawning faster and in greater numbers each round, and the player loses if any enemy reaches the bottom. Key Skills: Object-Oriented Programming (ES6 Classes) Game State Machines Collision Detection Projectile Systems Progressive Difficulty Scaling by Anonymous · 271 views	📖 Read Docs 👁️ View
614	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 · 252 views	📖 Read Docs 👁️ View
615	collect the balls V3 Collect the Balls! is a fast-paced arcade game where players move a paddle to catch falling balls, earn points, and spend their score in a shop to unlock skins and score multipliers. The game features progressive difficulty scaling, a menu system, and persistent cosmetic upgrades that affect both gameplay and visuals. Key Skills: Game state management Collision detection Mouse interaction Button UI controls Persistent data (score, purchases) by Anonymous · 334 views	📖 Read Docs 👁️ View
616	collect the balls V2 Collect the Balls is a fast-paced arcade game where players catch falling colorful balls with a paddle to earn points. The game features a menu system, a shop to buy score multipliers, customizable paddle skins, and progressively increasing difficulty as you score more points. Key Skills: State management Collision detection Dynamic difficulty scaling UI button handling Game loops and frame-based animation by Anonymous · 291 views	📖 Read Docs 👁️ View
617	collect the balls! Collect the Balls! is a fast-paced arcade game where players slide a paddle to catch falling balls and earn points. The game features a progression system with score multipliers and paddle skins that can be purchased in shops, plus difficulty that ramps up as the game continues. Key Skills: Game state management Collision detection Dynamic difficulty Persistent player progression Button UI coordination by Anonymous · 322 views	📖 Read Docs 👁️ View
618	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 · 254 views	📖 Read Docs 👁️ View
619	escape tsunamis for brainrots v2 (Remix) This is a fast-paced arcade game where players collect colorful "brainrot" creatures and deposit them in a base while evading incoming tsunami waves. The game combines resource collection, inventory management, shop upgrades, and special wave power-ups to create a chaotic, score-driven experience. Key Skills: Game state management Real-time collision detection Inventory and resource management UI layout and interaction Object animation and interpolation by Anonymous · 297 views	📖 Read Docs 👁️ View
620	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 · 244 views	📖 Read Docs 👁️ View
621	AI 3D Game of Life - Conway's Automata in Space (Remix) This sketch implements Conway's Game of Life in a 3D space using a 10×10×10 grid of cells. Live cells appear as rotating green boxes, and the automaton evolves each frame based on 3D neighbor rules, creating an ever-shifting pattern of emergence and decay. Key Skills: 3D arrays and indexing Cellular automata WEBGL 3D rendering Neighbor counting algorithms State management by Anonymous · 279 views	📖 Read Docs 👁️ View
622	this is my first project This is a clicker game inspired by CS:GO where players click a central target to earn money, buy upgrades that increase click power or passive income, and unlock a mod menu with cheats. The game features a dynamic gradient background, visual click effects, and a responsive UI with an upgrade panel and dat.gui mod controls. Key Skills: Game loop and animation Mouse interaction and collision detection State management with arrays and objects Upgrade systems and economy mechanics Passive income calculation with delta time by Anonymous · 283 views	📖 Read Docs 👁️ View
623	weird xelad ai thing lol This sketch creates a real-time video distortion effect that warps your webcam feed with a bulging or pinching effect centered on your mouse cursor. The intensity of the warp is controlled by microphone volume, while time-based animation adds subtle continuous oscillation to the distortion. Key Skills: Pixel manipulation with loadPixels() and updatePixels() Polar coordinate transformation Real-time video capture and processing Audio reactivity with p5.sound Distance-based effect radius by Anonymous · 280 views	📖 Read Docs 👁️ View
624	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 · 292 views	📖 Read Docs 👁️ View
625	ai firework launcher This sketch creates an interactive fireworks display where each mouse click launches a colorful rocket that explodes into glowing particles with physics-based motion. The particles fade and fall under gravity, leaving soft trails across a dark canvas to create a vibrant, animated light show. Key Skills: Object-oriented programming with ES6 classes Particle systems and array management Physics simulation with forces and vectors HSB color mode for color generation Semi-transparent backgrounds for motion trails by Anonymous · 320 views	📖 Read Docs 👁️ View
626	xesled.ai synth pad This sketch creates an interactive 4×4 grid of colorful musical pads that play different notes when clicked. Each pad lights up on tap and triggers a sine wave oscillator with a unique frequency from a chromatic scale, creating a playable synthesizer interface. Key Skills: 2D grid layout Oscillators and sine waves Chromatic scale Mouse interaction State tracking with 2D arrays by Anonymous · 290 views	📖 Read Docs 👁️ View
627	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 · 253 views	📖 Read Docs 👁️ View
628	potato ai official 1.0 (corbun does weird webs upd ) This sketch creates a playful chat interface where users converse with "Potato AI" (Jeff), a quirky potato-themed chatbot that responds to messages, asks conversational questions, and occasionally displays potato-themed images or bizarre Easter eggs. Key Skills: HTML element creation (createDiv, createInput, createButton) Event listeners and callbacks (mousePressed, keypress) Conditional logic and keyword detection Asynchronous timing (setTimeout) String methods (toLowerCase, includes) by Anonymous · 313 views	📖 Read Docs 👁️ View
629	Sketch 2026-03-05 16:07 This sketch creates a playable car racing game where you control a blue car to dodge red obstacle vehicles on a three-lane road. The game features keyboard and touch controls, collision detection, score tracking, and three game states (menu, playing, game over). Key Skills: Object-oriented programming (classes) Game state management Collision detection (AABB) Keyboard and touch input handling Array management and spawning by Anonymous · 318 views	📖 Read Docs 👁️ View
630	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 · 237 views	📖 Read Docs 👁️ View
631	escape tsunamis for brainrots v2 A fast-paced arcade survival game where you collect colorful "brainrot" characters, deposit them in your base for passive income, and dodge tsunamis that spawn from above. You can buy speed upgrades, activate utility waves for strategic advantages, and manage an inventory—all while racing against rising water. Key Skills: Collision detection Game state management Array and object manipulation Animation loops Event-driven input by Anonymous · 296 views	📖 Read Docs 👁️ View
632	escape tsunamis for brainrots This is a fast-paced evacuation game where you collect colorful 'brainrots' and escape advancing tsunami waves. You manage inventory, buy speed upgrades, and activate utility waves with coins earned from storing brainrots—all while staying ahead of the rising water. Key Skills: Game state management Collision detection Inventory and item systems Tween/easing (lerp) Arrays and object manipulation by Anonymous · 295 views	📖 Read Docs 👁️ View
633	buy a brainrot v3 This sketch creates a fast-paced resource collection game where you rescue magical creatures called brainrots that walk along a runway, deliver them to your base to generate passive income, and sell them for increasingly large sums of money. A competing AI bot also rescues brainrots, and you can upgrade your speed by visiting a power-up zone. Key Skills: Game state management Collision detection (circle-rectangle, circle-circle) Passive income systems AI pathfinding and targeting Save/load encoding (Base64) by Anonymous · 284 views	📖 Read Docs 👁️ View
634	buy a brainrot v2 A resource-management game where you rescue cute 'brainrot' creatures spawning on a runway, deliver them to your base to earn passive income, and sell them at the market for profit. A rival bot simultaneously rescues brainrots to its own base, creating a competitive collection game with eight rarity tiers, persistent save/load codes, and real-time income generation. Key Skills: Game state machine Collision detection and pickup mechanics Passive income accumulation AI pathfinding and targeting Base64 save/load encoding by Anonymous · 268 views	📖 Read Docs 👁️ View
635	buy a brainrot This is an idle-game-style clicker where you rescue colorful brainrots walking down a runway, bring them back to your base to generate passive income, or sell them at a market for cash. The sketch combines collection mechanics, passive income systems, rarity tiers, and persistent save/load functionality. Key Skills: Game state management Passive income systems Collision detection and pickup Rarity and loot tables UI scrolling and overlays by Anonymous · 294 views	📖 Read Docs 👁️ View
636	pixel parkour Pixel Parkour is a 30-level platformer game where players jump across obstacles, collect coins, and buy character upgrades from a shop. Each character has unique ability modifiers that change movement speed, jump strength, gravity, and special perks like shields or cash bonuses. Key Skills: Game state machine Physics simulation and gravity Axis-aligned bounding box (AABB) collision detection Camera following and translation Procedural level generation with seeded randomness by Anonymous · 330 views	📖 Read Docs 👁️ View
637	beanstalk grower This sketch is a browser-based idle/clicker game: you tap a glowing sun to earn coins and energy, the energy powers a bezier-leafed beanstalk that grows taller over time, and you spend coins on upgrades and a scrollable worker gallery that generates passive income. Random timed events multiply your earnings for a few minutes at a time, keeping the pacing unpredictable. Key Skills: Animation loop (draw) ES6 classes (Sun) Custom UI hit-testing with rectangles millis()-based real-time timers Array of objects for game data (workers, events) by Anonymous · 1704 views	📖 Read Docs 👁️ View
638	Sketch 2026-03-04 21:03 This is not a p5.js creative coding sketch. The provided code is a full-stack web application (PHP backend + HTML/CSS frontend) for a Medicare CRM system, not a visual sketch created with p5.js. Key Skills: Arrays & loops by Anonymous · 294 views	📖 Read Docs 👁️ View
639	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 · 245 views	📖 Read Docs 👁️ View
640	geo dash This sketch creates a Geometry Dash-inspired game where a player controls a square that jumps over incoming red spike obstacles. The game features continuous scrolling, collision detection, score tracking, and rhythmic sound effects using the p5.sound library. Key Skills: Object-oriented programming with ES6 classes Collision detection (AABB bounding boxes) Game state management Physics simulation (gravity and velocity) Array management (splice to remove elements) by Anonymous · 355 views	📖 Read Docs 👁️ View
641	red vs blue This sketch creates a two-player capture-the-flag game where a red player and blue player compete to steal each other's flags and return them to their own bases to score points. Players move with keyboard controls, pick up flags on collision, and can tag opponents to force them to drop the flag and respawn. Key Skills: Object-oriented programming with classes Collision detection Keyboard input and continuous movement Game state management Player respawning and item carrying by Anonymous · 285 views	📖 Read Docs 👁️ View
642	cool games This sketch creates an interactive game where a blue circle follows your mouse and collects pink squares that appear randomly on the canvas. Each collection increases your score and spawns a new item to chase, creating a simple but engaging clicker game. Key Skills: Mouse tracking Collision detection Distance formula Game loops Score tracking by Anonymous · 302 views	📖 Read Docs 👁️ View
643	fly and race 2 player This sketch creates a competitive 2-player airplane racing game where players accelerate their planes across the screen using keyboard controls. The game features a dynamic day-night sky cycle that transitions between dawn, day, and night, a countdown timer before races start, and declares a winner when an airplane reaches the finish line. Key Skills: Game state management Keyboard input handling Color lerping and gradients Coordinate transforms (translate/scale) Conditional logic flow by Anonymous · 270 views	📖 Read Docs 👁️ View
644	Simple MineCraft Cline (Remix) This sketch creates a colorful 2D Minecraft-style sandbox where two players can simultaneously run, jump, mine, and place blocks to reshape the terrain. The world features procedurally-generated terrain, a day/night cycle with zombie spawns at night, and separate keyboard/touch controls for cooperative building. Key Skills: Procedural terrain generation with Perlin noise 2D tilemap and block grid systems Physics simulation with gravity and collision detection Multi-player input handling and control schemes Camera tracking and viewport culling by Anonymous · 326 views	📖 Read Docs 👁️ View
645	Voxel-destructible (Remix) This sketch creates an interactive 3D voxel destruction game powered by three.js, cannon.js physics, and tone.js audio. Players blast apart a colorful cubic landscape using five different weapons while a tiny green survivor character tries to avoid the chaos. Key Skills: 3D graphics with three.js Physics simulation with cannon.js Raycasting for intersection detection Procedural audio synthesis with tone.js Physics body synchronization by Anonymous · 267 views	📖 Read Docs 👁️ View
646	Sketch 2026-03-02 23:21 This interactive Spider-Man swing game challenges players to catch falling energy orbs while swinging on a web across a pixelated city skyline. The player controls the anchor point of the web to catch orbs before they drop off screen, with increasing difficulty, a scoring system, and three lives. Key Skills: Animation loop and frameCount Pendulum motion with trigonometry (sin/cos) Collision detection using distance Game state management Particle effects and bursts by Anonymous · 283 views	📖 Read Docs 👁️ View
647	spider man This sketch animates Spider-Man swinging back and forth on a web across a night-time cityscape filled with flickering building windows and twinkling stars. The character rotates and leans naturally with the swing motion while a dynamic sky gradient transitions from deep purple to sunset orange. Key Skills: Trigonometric animation (sine waves) Pendulum physics simulation Procedural generation (random buildings) Perlin noise for organic variation Color gradients and lerping by Anonymous · 304 views	📖 Read Docs 👁️ View
648	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 · 255 views	📖 Read Docs 👁️ View
649	parcore man This sketch creates an interactive Spider-Man parkour game powered by Matter.js physics engine. Players control Spider-Man to jump across procedurally generated buildings in an endless city, with a camera that follows the character and collision detection that determines when jumping is allowed. Key Skills: Physics engine integration Collision detection and events Procedural level generation Camera tracking and translation Input handling with keyIsDown by Anonymous · 286 views	📖 Read Docs 👁️ View
650	Snail game What it should be This is a full multi-screen browser game where a player-controlled snail eats mint candies for points while avoiding obstacles, grabbing speed-boost treats, and using a limited-use pickaxe to smash through walls. It includes a title menu, map-select screen, instructions, an avatar shop with a timed 'secret snail' unlock, and an admin cheat panel, with progress persisted via localStorage. Key Skills: Game state machine (switch statement) Class inheritance (Mint -> Candy/Pickaxe/Key/Chest) Circle-rectangle collision detection p5.Vector for position and velocity localStorage persistence by Anonymous · 1071 views	📖 Read Docs 👁️ View