📖 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
| # | Preview | Sketch Details | Actions |
|---|---|---|---|
| 251 |
|
collect the balls V3Collect 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:
|
📖 Read Docs 👁️ View |
| 252 |
|
xesled.ai synth padThis 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:
|
📖 Read Docs 👁️ View |
| 253 |
|
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 |
| 254 |
|
lostapp for me onlyLostApp is a secure personal vault web application that requires login credentials to access. Once unlocked, users can store text entries, images, and videos with an optional time-budget tracker (maximum 180 minutes total), and email their stored entries as a report.
Key Skills:
|
📖 Read Docs 👁️ View |
| 255 |
|
Cowboy gunslinger!This sketch creates an action-packed cowboy shooter game where you defend yourself against waves of incoming outlaws. You aim and shoot at targets moving across the screen while they shoot back—lose three lives and it's game over.
Key Skills:
|
📖 Read Docs 👁️ View |
| 256 |
|
ping-pongThis sketch is a modern Pong game where a glowing ball bounces between two paddles—one controlled by the mouse, the other by simple AI. Each collision triggers synthesized sound effects, and the first player to reach 5 points wins the game.
Key Skills:
|
📖 Read Docs 👁️ View |
| 257 |
|
7 painful nights at corbuns zombie island v2 officalThis is an immersive 3D first-person survival game built with Three.js where players explore a tropical island, manage health and hunger, and battle waves of zombies during nighttime. The game features day-night cycles, multiple zombie types, hired guards, a climbable ladder, and fruit-gathering mechanics.
Key Skills:
|
📖 Read Docs 👁️ View |
| 258 |
|
escape tsunamis for brainrotsThis 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:
|
📖 Read Docs 👁️ View |
| 259 |
|
Braylon's StrobeThis sketch creates a high-energy strobe effect with a responsive canvas filled with colorful squares that pulse in different rhythms and the name "Braylon" flashing at the center. The entire scene toggles between light and dark backgrounds, giving it a dynamic, attention-grabbing visual presence.
Key Skills:
|
📖 Read Docs 👁️ View |
| 260 |
|
CivilizationThis sketch creates a Dungeons & Dragons-themed social simulation app where players can log in, manage resources, join groups, accept bounties, and communicate with party members. The interface uses a cyberpunk aesthetic with DOM elements to build a complete multi-screen application including user authentication, a marketplace, group management, and an admin control panel.
Key Skills:
|
📖 Read Docs 👁️ View |
| 261 |
|
auto clicker super fastThis sketch creates a simulated auto-clicker interface that rapidly increments a counter and plays audio feedback. Users toggle a button to start and stop the auto-clicker, which fires 100 times per second, updating a display and producing a short click sound with each increment.
Key Skills:
|
📖 Read Docs 👁️ View |
| 262 |
|
collect the balls V2Collect 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:
|
📖 Read Docs 👁️ View |
| 263 |
|
Sketch 2026-03-04 21:03This 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:
|
📖 Read Docs 👁️ View |
| 264 |
|
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 |
| 265 |
|
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 |
| 266 |
|
big oneBIG ONE is a face-swapping and dress-up application that uses MediaPipe face detection to identify faces in videos, then overlays a source face image and optional outfit onto detected faces in real-time. Users can also add custom text overlays and record the result.
Key Skills:
|
📖 Read Docs 👁️ View |
| 267 |
|
exploding smiley face 5 min timerThis sketch creates a 5-minute countdown timer with an animated yellow smiley face ball that bounces around the canvas. When the timer reaches zero, the smiley face freezes and explodes in an expanding orange burst, followed by a 'TIME'S UP!' message.
Key Skills:
|
📖 Read Docs 👁️ View |
| 268 |
|
btd clone lolThis sketch recreates a tower-defense game where colorful balloons travel along a winding path while player-placed monkeys shoot them down. As rounds progress, balloons become tougher and faster, and players earn money to buy and upgrade their defenses before their lives run out.
Key Skills:
|
📖 Read Docs 👁️ View |
| 269 |
|
Particle System with crazy meter 2This sketch creates a swarm of glowing particles that drift across a dark canvas and are magnetically attracted to your mouse. A dat.gui slider labeled "crazy meter" lets you control the particle speed from calm and slow to wild and chaotic.
Key Skills:
|
📖 Read Docs 👁️ View |
| 270 |
|
buy a brainrot v3This 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:
|
📖 Read Docs 👁️ View |
| 271 |
|
pixel parkourPixel 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:
|
📖 Read Docs 👁️ View |
| 272 |
|
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 |
| 273 |
|
BallBlasterBallBlaster is a space shooter game where players control a laser-firing ship at the bottom of the canvas and destroy falling neon orbs to score points. The game tracks lives, spawns enemies at intervals, handles collisions between lasers and balls, and ends when all lives are lost.
Key Skills:
|
📖 Read Docs 👁️ View |
| 274 |
|
robux clickerThis sketch creates an interactive Robux clicker game inspired by Roblox's premium currency system. Players click a glowing Robux-style symbol to earn currency, and can toggle an auto-clicker that generates income passively every second.
Key Skills:
|
📖 Read Docs 👁️ View |
| 275 |
|
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 |
| 276 |
|
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 |
| 277 |
|
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 |
| 278 |
|
battles ageist mythical creaturesThis is a turn-based battle game where players select a mythical creature and engage in strategic combat against randomly generated enemies. The game features character progression through a shop system, permanent ability upgrades, pet companions that fight alongside the player, and multiple battle sequences with increasing difficulty.
Key Skills:
|
📖 Read Docs 👁️ View |
| 279 |
|
GUESS WHO!!!This sketch creates a hilariously dim-witted zombie jockey riding on a wobbly chicken. The bot blinks randomly, tracks the mouse with laggy eyes, and twitches awkwardly while the chicken beneath it wobbles side to side—a delightfully stupid animation powered by noise, transforms, and eye-tracking logic.
Key Skills:
|
📖 Read Docs 👁️ View |
| 280 |
|
Sketch 2026-01-25 22:50This is a fully playable Minesweeper game built with p5.js. Players click to reveal cells, right-click to flag mines, and try to uncover all safe cells before hitting a mine. The game includes a timer, smart mine placement that avoids the first click, and automatic flood-fill revealing of empty regions.
Key Skills:
|
📖 Read Docs 👁️ View |
| 281 |
|
red vs blueThis 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:
|
📖 Read Docs 👁️ View |
| 282 |
|
heheheThis sketch creates a fast-paced bug-squashing game where cockroaches scurry across the screen and players race against a 30-second timer to click and splat as many bugs as possible. The game combines interactive collision detection, real-time scoring, and increasing difficulty as spawn rates accelerate.
Key Skills:
|
📖 Read Docs 👁️ View |
| 283 |
|
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:
|
📖 Read Docs 👁️ View |
| 284 |
|
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 |
| 285 |
|
king of ai chatbots v2This sketch creates Larry, an interactive AI chatbot built entirely in p5.js that learns from conversations, remembers user information, and adapts its personality. Users can type or speak to chat with Larry, who responds intelligently using Markov chains, intent detection, and persistent memory stored in the browser.
Key Skills:
|
📖 Read Docs 👁️ View |
| 286 |
|
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 |
| 287 |
|
Sketch 2026-02-22 19:32This is an interactive arcade-style game where players control a gun at the bottom of the screen to shoot falling tacos while avoiding bones and garlic. The game features a scoring system, multiple gun upgrades with different firing patterns, and a game-over state triggered by hitting bad items.
Key Skills:
|
📖 Read Docs 👁️ View |
| 288 |
|
ZahlenschätzerThis sketch is a number guessing game where players try to discover a secret number between 1 and 100 by entering guesses and receiving feedback. The game displays instructions, remaining attempts, and directional hints (too high/too low) on a clean interface with an input field and buttons.
Key Skills:
|
📖 Read Docs 👁️ View |
| 289 |
|
Black screen is goneThis is a multi-level diamond hunting game where players pan across vast procedurally-generated towns at increasing depths to find and tap a hidden cyan diamond (or UFO, football, or cosmic object depending on the level). As difficulty increases across 9 levels, the diamond becomes smaller, the town denser, and special mechanics like digging, fishing, and asteroid-drifting are introduced.
Key Skills:
|
📖 Read Docs 👁️ View |
| 290 |
|
weird birds flockingThis 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:
|
📖 Read Docs 👁️ View |
| 291 |
|
hostbThis sketch creates an animated background of 60 pulsating bubbles that float smoothly across the canvas with semi-transparent trails. Each bubble has a gradient color based on its position and pulses in opacity, creating a fluid, dynamic visual effect designed to enhance the PayPalMoney demo website.
Key Skills:
|
📖 Read Docs 👁️ View |
| 292 |
|
SnakeThis sketch implements the classic Snake game where players control a growing snake using arrow keys to collect food and increase their score. The game ends if the snake hits walls or itself, the food changes color with each bite, and the game accelerates as the score increases until reaching a winning score of 52.
Key Skills:
|
📖 Read Docs 👁️ View |
| 293 |
|
day dreaming fish 3This interactive sketch creates a dreamy underwater world where a charming fish cycles through its hopes and worries in floating thought bubbles. Players can chat with the fish, feed it by clicking, and watch it move gracefully through a bowl while small bubbles float upward—but neglect the fish too long and it falls asleep with an ominous twist.
Key Skills:
|
📖 Read Docs 👁️ View |
| 294 |
|
Sketch 2026-03-09 18:39This is a chaotic emoji-collecting cooking game where you tap falling emojis to gather ingredients, call customers to the serving line, and serve meals while managing mayhem from special emojis that spawn UFOs, sharks, airplanes, armed people, and police. The sketch combines emoji rain mechanics, character animations, collision detection, and state management across dozens of interactive objects.
Key Skills:
|
📖 Read Docs 👁️ View |
| 295 |
|
Ball catcherThis sketch creates an interactive catch game where colorful items fall from the top of the screen and the player controls a paddle with their mouse to catch them. Each caught item increases the score by 10 points, demonstrating spawning, collision detection, and responsive game mechanics.
Key Skills:
|
📖 Read Docs 👁️ View |
| 296 |
|
eggThis sketch creates an idle farming game where players plant glowing seeds that grow and generate income, while managing an 'egg level' that speeds up growth. A random wind gust periodically sweeps across the screen, resetting the game and forcing strategic decisions about when to rebirth for increased passive income.
Key Skills:
|
📖 Read Docs 👁️ View |
| 297 |
|
Bouncing Blended BallsThis sketch creates an interactive canvas filled with 15 semi-transparent colored circles that bounce off the walls and each other. When circles overlap, their colors blend together using additive color mixing, creating vibrant new hues. You can drag your mouse across the canvas to push the circles around.
Key Skills:
|
📖 Read Docs 👁️ View |
| 298 |
|
jack and cappie both gameThis 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:
|
📖 Read Docs 👁️ View |
| 299 |
|
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 |
| 300 |
|
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 |