📖 Code Guides - Complete Catalog
Comprehensive table of contents for all 822 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.
822 fully documented sketches · Organized by creation date · Real concepts from AI-generated docs
| # | Preview | Sketch Details | Actions |
|---|---|---|---|
| 651 |
|
WikipediaIt is literally just Wikipedia but inside this app if you ever have a school project or just want to know something Wikipedia is the way to go
Key Skills:
|
📖 Read Docs 👁️ View |
| 652 |
|
Generative ArtCreative coding sketch
Key Skills:
|
📖 Read Docs 👁️ View |
| 653 |
|
P5.js sketch inspired by: "Flame dance"This sketch paints a row of softly flickering, layered flames in warm reds, oranges, and yellows against a dark background. The fire gently dances using Perlin noise, and the layout automatically adjusts to fit your window size.
Key Skills:
|
📖 Read Docs 👁️ View |
| 654 |
|
Name Alexander Romero appear on screen in 3d withThis sketch is an interactive, multi-stage visual journey built as a finite state machine: you click gaps into a wall of glowing lines, watch it melt, pierce a dark hallway with light, reveal a giant eye, and finally fall into its pupil to loop back to the start. Every stage uses HSB colors, lerp-based animation, and procedurally synthesized sound instead of audio files.
Key Skills:
|
📖 Read Docs 👁️ View |
| 655 |
|
EatmojiEatmoji is a survival-style virtual pet game where a glowing, emoji-eyed blob follows your cursor and must gobble up food particles before their countdown timers hit zero. If any food expires, the screen shakes and a game-over emoji appears, challenging you to keep feeding your pet forever.
Key Skills:
|
📖 Read Docs 👁️ View |
| 656 |
|
Crea un animazione stile stickman che raccontaThis sketch tells the true story of footballer Antonio Puerta through a sequence of six animated stickman scenes - a football match, medical collapse, hospitalization, and passing - each driven by a simple state machine that advances automatically based on elapsed frames. Stickmen are drawn with rotate() and push()/pop() to animate limbs, while map() and lerp() interpolate positions, fades, and pulsing monitor lines to narrate the story visually.
Key Skills:
|
📖 Read Docs 👁️ View |
| 657 |
|
Crossy rpadThis sketch recreates the classic Crossy Road game: a red square hops between lanes of grass, traffic, and water, riding logs and dodging cars while the camera scrolls upward to follow progress. It tracks a score based on distance traveled and persists a high score across sessions using the browser's local storage.
Key Skills:
|
📖 Read Docs 👁️ View |
| 658 |
|
the modifulThis sketch is meant to draw a mesmerizing rainbow spiral that grows outward from the center of the screen, with each dot colored by cycling through the HSB hue wheel and old dots fading into a soft black trail. As written, the file actually contains two corrupted lines (a mangled variable name and stray text after the last function) that will stop it from running at all, which makes it a great real-world exercise in reading error messages and debugging.
Key Skills:
|
📖 Read Docs 👁️ View |
| 659 |
|
P5.js sketch inspired by: "Undertow current"Creative coding sketch
Key Skills:
|
📖 Read Docs 👁️ View |
| 660 |
|
P5.js sketch inspired by: "Sandstorm"Creative coding sketch
Key Skills:
|
📖 Read Docs 👁️ View |
| 661 |
|
P5.js sketch inspired by: "Pebble ripple"This sketch turns your screen into a calm blue-green pool where each click or touch drops a pebble, sending out expanding, fading rings. Every ripple grows at its own speed and size, creating a soothing, ever-changing water effect.
Key Skills:
|
📖 Read Docs 👁️ View |
| 662 |
|
P5.js sketch inspired by: "Oasis mirage"Creative coding sketch
Key Skills:
|
📖 Read Docs 👁️ View |
| 663 |
|
Skibidi Toilet Battle (Three Titans) (Drillman & Clockman)Creative coding sketch
Key Skills:
|
📖 Read Docs 👁️ View |
| 664 |
|
P5.js sketch inspired by: "UFO abduction"Creative coding sketch
Key Skills:
|
📖 Read Docs 👁️ View |
| 665 |
|
P5.js sketch inspired by: "Toppling towers"This sketch builds random, wobbly towers of blocks and lets you swing a physics-powered wrecking ball to knock them down in a satisfying cascade. Click the “Reset Towers” button to instantly generate a fresh set of structures to demolish again.
Key Skills:
|
📖 Read Docs 👁️ View |
| 666 |
|
happinessCreative coding sketch
Key Skills:
|
📖 Read Docs 👁️ View |
| 667 |
|
fishCreative coding sketch
Key Skills:
|
📖 Read Docs 👁️ View |
| 668 |
|
Are tetris gameThis sketch creates a colorful Tetris-style game where different shaped blocks fall into a grid and stack up as you play. Use the keyboard to move and rotate the pieces, clear lines, and try to keep the pile from reaching the top.
Key Skills:
|
📖 Read Docs 👁️ View |
| 669 |
|
Ant Battle (Raig)Creative coding sketch
Key Skills:
|
📖 Read Docs 👁️ View |
| 670 |
|
Sketch 2026-07-16 22:08This sketch creates a grid of tiles that starts as plain white squares and transforms into a lively animated mosaic of colorful shapes when clicked. On the first click, tiles jump to random shapes, colors and rotations; on the second click and beyond, they continuously morph and drift toward new random targets using smooth interpolation.
Key Skills:
|
📖 Read Docs 👁️ View |
| 671 |
|
Particle System - MeditationThis sketch fills the canvas with a smooth grey-to-black gradient and continuously spawns soft, colorful particles that trail behind the mouse cursor, drift with simulated gravity, and slowly fade away. Clicking the mouse triggers a burst of 80 particles that explode outward in every direction, like a tiny firework in the gradient sky.
Key Skills:
|
📖 Read Docs 👁️ View |
| 672 |
|
Lethal ape: redux revamp update (Remix)This sketch is a full top-down horror exploration game: you creep through a main hub room and five connected floors while roaming monsters hunt you, and touching one triggers a multi-phase jumpscare. It uses procedural (code-drawn) art for every character and prop, a smoothed camera that follows the player, on-screen joystick/buttons for mobile plus keyboard for desktop, and entirely procedural p5.sound audio (oscillators, noise, envelopes, delay) instead of loaded files.
Key Skills:
|
📖 Read Docs 👁️ View |
| 673 |
|
Very fun game but sonion th onionThis sketch is a complete arcade-style game where you steer a layered onion character named Sonion around the screen to collect ten glowing 'flavor pearls' before a 30-second timer runs out, all while dodging falling rotten vegetables that cost you lives. It uses a finite state machine to switch between start, playing, game-over and win screens, and supports both keyboard (WASD/arrows) and touch/mouse controls.
Key Skills:
|
📖 Read Docs 👁️ View |
| 674 |
|
Imageine we throw needles on the canvas, thatCreative coding sketch
Key Skills:
|
📖 Read Docs 👁️ View |
| 675 |
|
P5js sketch inspired by somthingThis sketch paints colorful, glowing particles that trail after your mouse, leaving soft, fading streaks across a dark background. Move your cursor around to sculpt swirling, organic patterns of light in real time.
Key Skills:
|
📖 Read Docs 👁️ View |
| 676 |
|
Dice on my Android V1.1.2 boards update!!In this update I included a board's button when you press it it changes the styles of colors of the board which is pretty cool also I removed the dice on my Android version text at the top corner because it's just inconvenient but I hope you guys enjoyed this update!!!
Key Skills:
|
📖 Read Docs 👁️ View |
| 677 |
|
testingCreative coding sketch
Key Skills:
|
📖 Read Docs 👁️ View |
| 678 |
|
P5.js sketch inspired by: "Zenith bloom"This sketch paints a drifting galaxy of soft, glowing color blooms over a field of twinkling stars, with each bloom slowly expanding and fading into the night. New bursts of light appear over time, cycling through the rainbow to create an ever-changing cosmic scene.
Key Skills:
|
📖 Read Docs 👁️ View |
| 679 |
|
Ant Battle (Pls Comment And View This) (Titan Ant) (M Menu) (Zombie Update) (Remix)Creative coding sketch
Key Skills:
|
📖 Read Docs 👁️ View |
| 680 |
|
My nameIts like my name but interactive
Key Skills:
|
📖 Read Docs 👁️ View |
| 681 |
|
cool gaemA silky, liquid-like blob floats in space with smaller satellite orbs melting into it, all shimmering with smooth, colorful ripples. Move your mouse or tilt your device to gently tug the fluid mass around and intensify its flowing patterns.
Key Skills:
|
📖 Read Docs 👁️ View |
| 682 |
|
Ant Battle (Birds) (Dark Blue) (Miner Ants) (Boss Ants)Creative coding sketch
Key Skills:
|
📖 Read Docs 👁️ View |
| 683 |
|
Ant Battle (Birds) (Dark Blue) (Miner Ants)Creative coding sketch
Key Skills:
|
📖 Read Docs 👁️ View |
| 684 |
|
Ant Battle (Birds) (Main Menu And Christmas Units) (Remix)Creative coding sketch
Key Skills:
|
📖 Read Docs 👁️ View |
| 685 |
|
SLEEP_2A game of sleep and dreams
Key Skills:
|
📖 Read Docs 👁️ View |
| 686 |
|
Starship GameThis sketch is a full arcade survival game where you steer a spaceship left and right with your mouse, scooping up glowing gold orbs while dodging spiky red mines that rain down from the top of the screen. Each hit costs a life and triggers a screen shake and red damage flash, and the game speeds up the longer you survive until you lose all three lives and see a Game Over screen with your final rank.
Key Skills:
|
📖 Read Docs 👁️ View |
| 687 |
|
Realsitic planet exploration simulator with erocketCreative coding sketch
Key Skills:
|
📖 Read Docs 👁️ View |
| 688 |
|
P5.js sketch inspired by: "Amber glow"A warm, pulsing amber glow blooms from the center of the screen, surrounded by softly blurred orbs that gently radiate and shift over time. The whole scene feels like a living ember or glowing nebula drifting in the dark.
Key Skills:
|
📖 Read Docs 👁️ View |
| 689 |
|
DRIFT STARS re-release v1.1This version adds a settings button in the main menu when you click it you can turn off street light poles which will make it easier in the game because straight line Kohl's can take a lot of health also I added a boost to the game so you can go super fast for 5 seconds then it has a 10-second countdown to your next boost just so you can boost the whole game hope you enjoyed this new update peace ✌️
Key Skills:
|
📖 Read Docs 👁️ View |
| 690 |
|
"Welcome to Sketchbook to Screen Student Exhibition"Creative coding sketch
Key Skills:
|
📖 Read Docs 👁️ View |
| 691 |
|
Ant Battle (Pls Comment And View This)Creative coding sketch
Key Skills:
|
📖 Read Docs 👁️ View |
| 692 |
|
Ant Battle (Owner PanelCreative coding sketch
Key Skills:
|
📖 Read Docs 👁️ View |
| 693 |
|
Responsive generative-art web experience usingCreative coding sketch
Key Skills:
|
📖 Read Docs 👁️ View |
| 694 |
|
HangmanCreative coding sketch
Key Skills:
|
📖 Read Docs 👁️ View |
| 695 |
|
FBI TAKEDOWN sceen (Remix)This sketch recreates a classic 'FBI warning' prank screen: a full-screen black page with blinking red warning text, a pulsing alarm sound, fake scanning messages, a countdown timer, and a green 'DISMISS PRANK' button that ends the joke. It uses p5.js text and color functions alongside the p5.sound library to synchronize a flashing visual with an audio alarm.
Key Skills:
|
📖 Read Docs 👁️ View |
| 696 |
|
anthropic ai Pool table gameThis sketch is a fully playable, two-player 8-ball pool game rendered in 2D with a realistic top-down look - felt, wooden rails, brass pockets, and a tapered cue stick. Players click-and-drag to aim, release to shoot, and the game runs real physics for ball collisions, cushion bounces, friction, and pocket sinking while enforcing official 8-ball rules like group assignment, fouls, and win conditions.
Key Skills:
|
📖 Read Docs 👁️ View |
| 697 |
|
Sketch 2026-07-10 09:04This sketch builds a full 1v1 (or 1v1v-AI) top-down soccer game using Matter.js for physics and p5.js for rendering. Players and a ball are circular Matter.js bodies that collide realistically, while p5.js draws the field, players, ball, score, timer, and menu screens on top of the physics simulation.
Key Skills:
|
📖 Read Docs 👁️ View |
| 698 |
|
Simple GameThis sketch fills the screen with a grid of white circles that pulse in size like a slow-moving wave, thanks to a sine function tied to frameCount. Keyboard controls let you adjust the grid spacing, animation speed, and pulse size live, with a semi-transparent black background creating soft motion trails.
Key Skills:
|
📖 Read Docs 👁️ View |
| 699 |
|
Bouncing ball animationCreative coding sketch
Key Skills:
|
📖 Read Docs 👁️ View |
| 700 |
|
P5.js sketch inspired by: "LSoftly glowing lanterns drift and sway across a starry, gradient night sky, wrapping endlessly around the screen. Click and hold the mouse to gently push the lanterns away, scattering them as they float by.
Key Skills:
|
📖 Read Docs 👁️ View |