π 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 |
|---|---|---|---|
| 301 |
|
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 |
| 302 |
|
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 |
| 303 |
|
YouTube 67This sketch creates an animated text display where the word 'Ryzzbray' bounces around the canvas in both horizontal and vertical directions. The text reverses direction when it hits the edges, mimicking a classic bouncing ball animation.
Key Skills:
|
π Read Docs ποΈ View |
| 304 |
|
aktinometr (Remix)This sketch creates an interactive weather station dashboard that displays real-time sensor data for solar radiation, temperature, and humidity. The visualization combines animated sensor cards with a multi-line graph showing measurement history, and supports both simulated data and live ESP32 hardware connections via WebSocket.
Key Skills:
|
π Read Docs ποΈ View |
| 305 |
|
aktinometrAktinometr is an environmental monitoring dashboard that displays real-time solar radiation, temperature, and humidity data with animated graphs and statistics. It can simulate realistic sensor data with daily cycles or connect to an ESP32 microcontroller via WebSocket for live measurements.
Key Skills:
|
π Read Docs ποΈ View |
| 306 |
|
cazador de manzanasThis sketch is a fast-paced fruit-catching game where players move a basket with their mouse to catch falling fruits, special items, and avoid bombs. The game features a combo system, particle effects, scrolling clouds, and synthesized sound effects that reward quick reflexes and strategic catching.
Key Skills:
|
π Read Docs ποΈ View |
| 307 |
|
SystemThis interactive sketch simulates an airplane flying across the screen that drops supply boxes with parachutes at regular intervals. Players click or tap falling supplies to collect them and increment a food counter, while particle trails and synthesized sound effects create an engaging, gamified experience.
Key Skills:
|
π Read Docs ποΈ View |
| 308 |
|
Sketch 2026-02-14 10;08This sketch is a catch-the-falling-objects game where the player controls a blue circle at the bottom of the screen to catch red circles falling from above. Catching points increases your score, but missing them decreases itβthe game mechanics are designed to teach persistence and never giving up.
Key Skills:
|
π Read Docs ποΈ View |
| 309 |
|
Sketch 2026-03-06 23:200Escape 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:
|
π Read Docs ποΈ View |
| 310 |
|
hacker typerThis sketch simulates a hacker terminal that types out neon-green code and system messages on a black background. Every time you press a key, a new word from a pre-written code snippet appears on screen, with lines breaking randomly to mimic real terminal output, and a blinking cursor marks where new text will appear.
Key Skills:
|
π Read Docs ποΈ View |
| 311 |
|
Try thisThis 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:
|
π Read Docs ποΈ View |
| 312 |
|
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:
|
π Read Docs ποΈ View |
| 313 |
|
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 |
| 314 |
|
parcore manThis 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:
|
π Read Docs ποΈ View |
| 315 |
|
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 |
| 316 |
|
Sketch 2026-03-17 02:11This chaotic sushi restaurant simulator lets players click to cook sushi and manage a workflow of customers eating and paying. When customers get sick, random events spawnβpoop creatures, zombies, police cars, or UFOsβthat remove them from the game in spectacular fashion.
Key Skills:
|
π Read Docs ποΈ View |
| 317 |
|
20 level is easyThis is a 20-level diamond hunting game built in p5.js where you pan through procedurally generated towns to find increasingly hidden diamonds. Each level increases difficulty through deeper depths, smaller targets, denser towns, and special mechanics like fishing, digging, and drifting through space.
Key Skills:
|
π Read Docs ποΈ View |
| 318 |
|
survive ef5 tornadoThis sketch creates an intense survival game where a tiny red player character must navigate a stormy field while dodging a swirling, animated tornado and debris of various sizes. The player must reach a safe shelter zone while managing health that depletes from tornado proximity and debris collisions, with the goal of surviving as long as possible.
Key Skills:
|
π Read Docs ποΈ View |
| 319 |
|
low-key timerThis sketch combines a interactive countdown timer interface with an animated bouncing circle that dances across the full-screen canvas. Users can set a custom duration, start or reset the timer, and watch the lively motion continue as seconds tick away in MM:SS format.
Key Skills:
|
π Read Docs ποΈ View |
| 320 |
|
bullet heavenBullet 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:
|
π Read Docs ποΈ View |
| 321 |
|
this is my first projectThis 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:
|
π Read Docs ποΈ View |
| 322 |
|
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 |
| 323 |
|
Sketch 2026-02-15 20:14This sketch creates an interactive auto-clicker that rapidly increments a click counter on screen while playing rapid beep sounds. Clicking the big green button starts a high-speed interval that fires as fast as the browser allows, demonstrating setInterval timing, DOM manipulation, and p5.sound audio feedback.
Key Skills:
|
π Read Docs ποΈ View |
| 324 |
|
Simple GameThis sketch creates an interactive 'Kick The Buddy' game where players click on an animated character to damage it with three escalating weapons. The character bounces around the canvas with physics simulation, displays floating damage numbers, and can be knocked out with screen shake effects.
Key Skills:
|
π Read Docs ποΈ View |
| 325 |
|
Sketch 2026-03-16 15:35This sketch creates an interactive zoom interface where users can zoom in and out of canvas content using on-screen buttons. It demonstrates coordinate transformation techniques using translate() and scale() to create a centered zoom effect that keeps the canvas content anchored at its center point.
Key Skills:
|
π Read Docs ποΈ View |
| 326 |
|
The best snake game (Remix)This is a full-featured snake game with a grid-based gameplay system, multiple customizable snake outfits unlocked by reaching score thresholds, and a developer admin panel for testing and tweaking. Players navigate their snake around the canvas eating food to grow and score points while avoiding walls and self-collision.
Key Skills:
|
π Read Docs ποΈ View |
| 327 |
|
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 |
| 328 |
|
Sketch 2026-03-02 23:21This 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:
|
π Read Docs ποΈ View |
| 329 |
|
Aplikasi Surat Masuk & KeluarThis is a DOM-based email/letter management application built with p5.js that allows users to compose, send, and receive simulated letters. The sketch manages two arrays (inbox and outbox) and dynamically creates HTML elements to display sent and received letters with timestamps.
Key Skills:
|
π Read Docs ποΈ View |
| 330 |
|
Sketch 2026-02-19 21:46hThis sketch creates an interactive lightning storm scene where a tree stands in a landscape and randomly gets struck by branching lightning bolts. When lightning hits the tree, it animates falling to the ground over one second with a realistic rotation, and the background flashes white during each strike.
Key Skills:
|
π Read Docs ποΈ View |
| 331 |
|
Sketch 2026-02-14 08:55This sketch creates an unsettling interactive creature that appears to escape the digital canvas. A dark blob-like entity with five glowing yellow eyes that track your mouse movements is accompanied by eerie ambient sounds (white noise with reverb and a low-frequency hum). Semi-transparent red bars peek from the canvas edges, and the webpage background flickers with a glitchy dark effect, blurring the boundary between the sketch and the webpage.
Key Skills:
|
π Read Docs ποΈ View |
| 332 |
|
Sketch 2026-02-13 08:47This sketch creates a face recognition attendance system that uses webcam input to detect faces, verify liveness through blink detection, and automatically mark attendance for recognized students. Attendance records are stored locally in the browser and can be displayed as reports showing attendance percentages.
Key Skills:
|
π Read Docs ποΈ View |
| 333 |
|
Sketch 2026-02-08 12:55This is not a p5.js creative coding sketchβit is a web application that fetches real-time weather data from OpenWeatherMap API and displays agricultural advisory information on an HTML page. The sketch.js file contains only a single async function that retrieves weather data, and the project is primarily HTML/CSS/JavaScript for agricultural decision support, not visual art or interactive graphics created with p5.js.
Key Skills:
|
π Read Docs ποΈ View |
| 334 |
|
weird xelad ai thing lolThis 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:
|
π Read Docs ποΈ View |
| 335 |
|
π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 |
| 336 |
|
sensor ultrasonicoThis sketch creates a real-time web dashboard that receives distance measurements from 4 ultrasonic sensors via Bluetooth (HC-05/HC-06 module connected to Arduino). The dashboard displays color-coded distance readingsβgreen for far, yellow for medium, red for closeβand manages the wireless connection state with a visual connection indicator.
Key Skills:
|
π Read Docs ποΈ View |
| 337 |
|
clickThis 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:
|
π Read Docs ποΈ View |
| 338 |
|
fly and race 2 playerThis 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:
|
π Read Docs ποΈ View |
| 339 |
|
Painting 2/16/2026This sketch loads an external image file and displays it centered on the canvas, scaled proportionally to fit the window without distortion. The image is drawn once and animation stops, creating a static gallery-like viewer.
Key Skills:
|
π Read Docs ποΈ View |
| 340 |
|
Sketch 2026-03-12 15:43This is a local multiplayer fighting game inspired by ROUNDS, where two players battle across randomly selected arenas using weapons, abilities, and collectible upgrade cards. Players shoot, block, and jump through platforms while selecting between powerful roguelike upgrades after each round to create emergent playstyles.
Key Skills:
|
π Read Docs ποΈ View |
| 341 |
|
for web wensday on corbun does weird websThis interactive sketch creates a glowing kaleidoscope that mirrors your brush strokes symmetrically around the canvas center. As you drag the mouse, colorful lines radiate outward in a configurable number of symmetrical slices, with color cycling over time and trails that fade slowly for a mesmerizing painted effect.
Key Skills:
|
π Read Docs ποΈ View |
| 342 |
|
buy a brainrot v2A 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:
|
π Read Docs ποΈ View |
| 343 |
|
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 |
| 344 |
|
computer virus (prank)This sketch creates a full-screen prank animation that simulates a computer virus scanning, infecting, and then 'fixing' a system. It progresses through four dramatic statesβscanning, infected alert, fixing, and system deletedβcomplete with alarming sounds and a clickable button, all designed as a harmless visual joke.
Key Skills:
|
π Read Docs ποΈ View |
| 345 |
|
Sketch 2026-02-22 21:31This sketch simulates multiple NPC characters autonomously cutting and eating a pumpkin and food items displayed on the canvas. NPCs move toward randomly chosen targets (either the pumpkin or food emojis), and when targeting food, they shrink it as they 'eat' it until it disappears.
Key Skills:
|
π Read Docs ποΈ View |
| 346 |
|
ΧΧ©ΧΧ§ ΧΧΧΧΧThis sketch creates an interactive Hebrew language learning game that displays a question asking for the Hebrew word for "dog." Users type their answer in an input box, click a check button, and receive instant visual feedback in green (correct) or red (incorrect with the right answer shown).
Key Skills:
|
π Read Docs ποΈ View |
| 347 |
|
Platform GameThis is a 22-level platform game where the player controls a blue square that must navigate through increasingly complex levels by jumping, avoiding lava, and reaching green goal tiles. The game features gravity-based physics, collision detection, eight different tile types, and progressive difficulty.
Key Skills:
|
π Read Docs ποΈ View |
| 348 |
|
FBI TAKEDOWN sceenThis sketch creates a full-screen FBI warning prank interface with flashing red text, a pulsing alarm sound, and a fake countdown timer. It mimics an official security alert by hiding the cursor, filling the screen, and using bold typography and audio effects to create an intensely dramatic fake warning message.
Key Skills:
|
π Read Docs ποΈ View |
| 349 |
|
cookie clicker by:moon_noob (Remix)This sketch creates a Cookie Clicker game where players click a giant cookie to earn points, then spend their cookies on animated upgrade buttons that boost their cookie production rate. The game state persists automatically using browser localStorage, and the score skyrockets exponentially as upgrades multiply income.
Key Skills:
|
π Read Docs ποΈ View |
| 350 |
|
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:
|
π Read Docs ποΈ View |