📖 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
| # | Preview | Sketch Details | Actions |
|---|---|---|---|
| 651 |
|
The best snake game moddedThis sketch is a complete Snake game remix with a menu system, an unlockable outfit shop, a shooting mechanic, chasing zombies, and a live DOM-based admin panel for tweaking the game in real time. The snake moves on a grid, eats fruit to grow and score points, can fire projectiles to snipe food or zombies from a distance, and loses a life when it hits a wall, its own tail, or a zombie.
Key Skills:
|
📖 Read Docs 👁️ View |
| 652 |
|
the spider manThis sketch creates an interactive Spider-Man swinging game where the player guides Spider-Man through a scrolling city by shooting webs between buildings. The character swings on physics-based web dynamics, collecting points as buildings scroll past, with the game ending if Spider-Man falls off the bottom of the screen.
Key Skills:
|
📖 Read Docs 👁️ View |
| 653 |
|
diary of a wimpy kid123This is a side-scrolling parkour game themed around Diary of a Wimpy Kid where players jump over obstacles while being chased by Rodrick and Fregley. The game features double-jumping, collectible cheese items, increasing difficulty, and a notebook-style visual presentation.
Key Skills:
|
📖 Read Docs 👁️ View |
| 654 |
|
the wimpy gameThis sketch creates a dodge-and-collect game where players control a wimpy stick figure kid navigating a school hallway. The player must avoid falling bullies while collecting homework pages to increase their score, losing lives when hit by bullies and ending the game when all three lives are lost.
Key Skills:
|
📖 Read Docs 👁️ View |
| 655 |
|
Sketch 2026-03-01 22:19This 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:
|
📖 Read Docs 👁️ View |
| 656 |
|
Sketch 2026-03-01 22:19This sketch creates a dodge-and-survive game where the player controls a red rectangle using arrow keys or WASD to avoid falling blue objects. The score increases with each dodged object, the game difficulty escalates with faster falling speeds and more frequent spawns, and the game ends on collision.
Key Skills:
|
📖 Read Docs 👁️ View |
| 657 |
|
stimulation final bossThis sketch creates a dynamic, multi-layered interactive canvas where a swirling cloud of particles follows your mouse while being repelled by a bouncing white ball. Four spinning pinwheels anchor the corners, you can draw permanent white lines by clicking and dragging, and a clickable button in the center tracks interactions.
Key Skills:
|
📖 Read Docs 👁️ View |
| 658 |
|
run run runThis sketch creates an adaptive platformer where an AI learns your fastest route and spawns hazards directly in your path. The visuals pulse between cool blues and hot reds based on how closely you follow the AI's predicted trajectory, creating a feedback loop where speed and visual intensity reinforce each other.
Key Skills:
|
📖 Read Docs 👁️ View |
| 659 |
|
Snail gameThis sketch is a full arcade game where a snail glides around eating red food, dodging grey obstacles, and collecting speed-boosting candy and a screen-clearing pickaxe. It wraps the game in a complete menu system - start screen, map select, instructions, avatar shop, and an admin cheat panel - with progress saved to the browser's localStorage.
Key Skills:
|
📖 Read Docs 👁️ View |
| 660 |
|
fading colorsThis sketch creates an interactive visual trail effect where moving your mouse leaves behind a series of fading, shrinking circles that gradually disappear. Each circle represents a 'clone' of your mouse position frozen in time, creating a ghostly echo effect that reveals your recent movement path across the dark canvas.
Key Skills:
|
📖 Read Docs 👁️ View |
| 661 |
|
The best snake game (Remix)This sketch builds a complete Snake game with a canvas-drawn menu system, an unlockable outfit/skin system tied to your score, a lives mechanic that gives you a second chance before Game Over, and a hidden DOM-based admin panel for live debugging. A finite state machine switches between the Menu, Outfits, Gameplay, and Game Over screens, all rendered on a single p5.js canvas.
Key Skills:
|
📖 Read Docs 👁️ View |
| 662 |
|
The best snake gameThis sketch builds a complete Snake game inside a single p5.js canvas, including a clickable main menu, a paginated outfit-selection screen with unlockable skins, core snake gameplay, and a game-over screen. It also wires up an HTML/CSS admin panel that lets you tweak speed, score, lives, and snake length live while the game runs.
Key Skills:
|
📖 Read Docs 👁️ View |
| 663 |
|
Sketch 2026-03-01 14:38This sketch builds a full 'Snake Game Deluxe' with a start menu, character-skin selection, classic grid-based snake movement, and a persistent unlock system stored in the browser's localStorage. Players steer a snake with arrow keys to eat food and raise their score, while reaching score milestones unlocks new colored snake skins that persist between visits.
Key Skills:
|
📖 Read Docs 👁️ View |
| 664 |
|
Numbers shuffleThis sketch is a classic sliding number puzzle (like the 15-puzzle) rendered entirely with p5.js shapes and text. Numbered tiles sit in a grid with one empty slot, and you click a tile next to the empty space to slide it into place, trying to restore the numbers to sequential order.
Key Skills:
|
📖 Read Docs 👁️ View |
| 665 |
|
Aquarium Attempt - xelsed.ai (Remix)This interactive aquarium simulation lets players purchase and manage 12 different sea creature types using coins earned when creatures eat each other. The sketch features dynamic predator-prey relationships, depth-based rendering, animated ocean backgrounds, and a summoned Manta Ray boss that can absorb nearby fish.
Key Skills:
|
📖 Read Docs 👁️ View |
| 666 |
|
Shape danceThis 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:
|
📖 Read Docs 👁️ View |
| 667 |
|
PoliceThis sketch is a full arcade game where emoji fall from the sky and must be caught in a basket. Catching good food emojis spawns a customer, while catching bad emojis triggers escalating chain reactions - arrests, police cars, helicopter crashes, fire trucks, and tow trucks - each driven by its own state machine.
Key Skills:
|
📖 Read Docs 👁️ View |
| 668 |
|
IT SEES.This sketch creates an immersive first-person 3D maze where the player navigates using WASD and mouse look while being hunted by a terrifying, twitching creature with glowing red eyes. A flickering flashlight illuminates the foggy maze as walls fade to black with distance, and a survival timer tracks how long you evade the relentless stalker before being caught.
Key Skills:
|
📖 Read Docs 👁️ View |
| 669 |
|
FoodThis sketch is an interactive emoji-catching game where players move a basket to catch falling food emojis while avoiding disasters and hazards. When bad emojis are caught, police officers, cars, helicopters, fire trucks, and tow trucks arrive to respond to the chaos in an escalating comedy of emergency vehicles.
Key Skills:
|
📖 Read Docs 👁️ View |
| 670 |
|
FooooooooodThis 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:
|
📖 Read Docs 👁️ View |
| 671 |
|
block stacker-2.0This sketch creates an isometric 3D block-stacking game powered by Matter.js physics. Colorful blocks slide horizontally across the screen, and you click to drop them onto a growing tower, trying to stack as high as possible before the structure becomes unstable and tumbles.
Key Skills:
|
📖 Read Docs 👁️ View |
| 672 |
|
YeyThis 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:
|
📖 Read Docs 👁️ View |
| 673 |
|
sigmaskibidiThis 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:
|
📖 Read Docs 👁️ View |
| 674 |
|
🙂This sketch creates an immersive 3D bedroom scene in p5.js WEBGL mode where players hold their mouse or touch to activate a flashlight spotlight that illuminates the dark room. Random jump scares trigger with white flashes, sound effects, and haptic vibration feedback, creating a horror game experience inspired by Five Nights at Freddy's.
Key Skills:
|
📖 Read Docs 👁️ View |
| 675 |
|
Door (Remix)This is a multi-level survival game where players navigate through 12 increasingly challenging scenarios—from clicking a door handle to avoiding zombies, laser grids, and falling airplane debris. Each level teaches different p5.js techniques like collision detection, mouse/keyboard input, state management, and real-time animation.
Key Skills:
|
📖 Read Docs 👁️ View |
| 676 |
|
DIEThis is a Flappy Bird-style game where a fish navigates through moving seaweed obstacles while jumping and shooting missiles. The player controls the fish with the spacebar or mouse clicks to jump, presses 'x' to shoot missiles at obstacles, and tries to pass through as many obstacles as possible without hitting them or the screen edges. The game tracks score and ends on collision.
Key Skills:
|
📖 Read Docs 👁️ View |
| 677 |
|
FLYING FISHFlying Fish is a Flappy Bird-style game where the player controls an orange fish navigating through vertical gaps between green seaweed obstacles. The fish falls due to gravity and jumps when clicked or pressing spacebar, with the goal of passing through as many obstacles as possible without collision.
Key Skills:
|
📖 Read Docs 👁️ View |
| 678 |
|
five night at diddysThis sketch recreates a simplified version of Five Nights at Freddy's in 3D using three.js for 3D rendering and p5.js for UI overlays. Players manage power, close doors, turn on lights, and survive animatronic attacks by monitoring security cameras and controlling office defenses for six in-game minutes.
Key Skills:
|
📖 Read Docs 👁️ View |
| 679 |
|
block stackerThis sketch is a timing-based stacking game where players click to place glowing isometric cubes onto a rising tower. A golden block glides back and forth across the top, and players must click precisely when it's aligned with the block below—miss by too much and the tower collapses, ending the game.
Key Skills:
|
📖 Read Docs 👁️ View |
| 680 |
|
gta6 current state updatedThis sketch creates an immersive 3D GTA-style game where you drive a car through an endless procedurally generated city, then step out on foot to shoot enemies while evading increasingly aggressive police vehicles. As your wanted level rises from 0 to 5 stars, cop cars, SWAT trucks, Humvees, and finally tanks spawn and hunt you down.
Key Skills:
|
📖 Read Docs 👁️ View |
| 681 |
|
poop gameThis sketch draws a colorful stick figure man that fills the canvas using direct pixel manipulation. The figure scales dynamically to fit the window and demonstrates how to control individual pixels rather than using p5.js shape functions.
Key Skills:
|
📖 Read Docs 👁️ View |
| 682 |
|
dummyThis 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:
|
📖 Read Docs 👁️ View |
| 683 |
|
Try to get the highest score!This sketch is a 20-second arcade game where you swing a glowing sword across two eerie, eye-tracking space monsters to score points before time runs out. It layers a slowly animated Perlin-noise nebula and twinkling starfield behind the action, and uses custom line-circle collision math to detect sword slashes.
Key Skills:
|
📖 Read Docs 👁️ View |
| 684 |
|
Sketch 2026-02-24 21:42This 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:
|
📖 Read Docs 👁️ View |
| 685 |
|
Sketch 2026-02-24 20:50This sketch creates an interactive drawing canvas where users paint with a brush that continuously cycles through rainbow colors. Mouse movements create smooth, fluid strokes using interpolation, with keyboard shortcuts for clearing, resizing, and saving artwork.
Key Skills:
|
📖 Read Docs 👁️ View |
| 686 |
|
uktuThis 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:
|
📖 Read Docs 👁️ View |
| 687 |
|
Sketch poopThis interactive restaurant simulator lets you shoot food emojis at hungry customers sitting at tables. Customers eat, pay, and leave in sequence, while occasionally someone falls and needs an ambulance—click their phone emoji to call for help. The sketch combines emoji-based animation, collision detection, and state management to create a playful chaos simulator.
Key Skills:
|
📖 Read Docs 👁️ View |
| 688 |
|
roblox trashThis sketch creates a playful 3D Roblox-style scene using WebGL. It features a blocky character with waving arms standing on a ground plane, surrounded by trees, clouds, and colorful buildings, all rendered in a low-poly aesthetic with interactive camera controls.
Key Skills:
|
📖 Read Docs 👁️ View |
| 689 |
|
AirplaneThis sketch creates an interactive airplane game where a plane continuously flies across the screen dropping supply crates with parachutes. Players click or tap the falling crates to collect them and increase their food counter, while particle effects trail behind the airplane.
Key Skills:
|
📖 Read Docs 👁️ View |
| 690 |
|
A tale of space and scienceThis sketch creates an animated cinematic narrative featuring stick figures exploring a cosmic story. Smooth gradient backgrounds, floating particles, and organic blob shapes evolve through nine scenes, with stick figures in different poses holding symbolic pixel-art items while text narrates their space exploration journey.
Key Skills:
|
📖 Read Docs 👁️ View |
| 691 |
|
Sketch 2026-02-23 03:27This 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:
|
📖 Read Docs 👁️ View |
| 692 |
|
First to comeThis sketch creates an animated steam effect using thousands of particles that flow and swirl across the canvas, guided by Perlin noise. The particles react to mouse and touch input, parting away from your cursor like wisps of smoke around the glowing "P5JS.AI" logo.
Key Skills:
|
📖 Read Docs 👁️ View |
| 693 |
|
CitySkylineThis sketch creates a mesmerizing day-night cycle of a city skyline that continuously transforms over 60 seconds. Stars twinkle at night, clouds drift across the sky, birds fly at dawn, shooting stars streak overhead, and glowing lanterns rise from rooftops at dusk—all set against a smoothly gradient-shifting sky that transitions from deep night through sunrise, midday blue, sunset, and back again.
Key Skills:
|
📖 Read Docs 👁️ View |
| 694 |
|
hit the blocksThis is a classic arcade-style shooter game where players control a rotating blue square, aim with the mouse, and fire projectiles to destroy red enemy squares spawning from the screen edges. The game ends when an enemy reaches the player, with score tracking and sound effects included.
Key Skills:
|
📖 Read Docs 👁️ View |
| 695 |
|
GoodThis sketch creates an interactive emoji restaurant simulation where customers arrive, find tables, eat, and pay. Special characters like robbers steal food while police officers chase them, and sailboat people enjoy meals—all controlled by clicking or touching tables to spawn food.
Key Skills:
|
📖 Read Docs 👁️ View |
| 696 |
|
Sketch 2026-02-22 23:12This sketch creates a 3D first-person shooter game using Three.js inside p5.js. Players navigate a 3D environment with WASD keys, aim with the mouse, and click to shoot red target boxes that reposition when hit, with a score tracker for each successful shot.
Key Skills:
|
📖 Read Docs 👁️ View |
| 697 |
|
Mycelium Network — Bioluminescent Growth SimulationThis sketch simulates a bioluminescent mycelium network that organically grows across the canvas, with glowing branches that split and fuse. Clicking plants food sources that attract the network, while nutrient packets flow through branches, spores drift overhead, and ripples respond to your interactions.
Key Skills:
|
📖 Read Docs 👁️ View |
| 698 |
|
lit funThis sketch creates a 3D fighting game where players control Spider-Man to battle an AI-controlled Deadpool in a procedurally generated city. The game features full 3D movement, web-swinging mechanics, attack systems, health tracking, and a dynamic third-person camera that players control with the mouse.
Key Skills:
|
📖 Read Docs 👁️ View |
| 699 |
|
spider man 2 testThis sketch creates a 3D Spider-Man vs Venom battle scene in WEBGL mode with a procedurally generated city, realistic lighting, and character models built from geometric shapes. Miles Morales and Venom start on opposite sides of the canvas, approach each other, fight with visual effects, and reset to repeat the cycle.
Key Skills:
|
📖 Read Docs 👁️ View |
| 700 |
|
Sketch 2026-02-22 22:27This sketch creates an interactive fighting game where the player controls Spider-Man using keyboard and mouse to battle an AI-controlled Deadpool. The game features physics-based movement, web-swinging mechanics with momentum, health systems, and a turn-based attack system with cooldowns.
Key Skills:
|
📖 Read Docs 👁️ View |