π 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 |
|---|---|---|---|
| 501 |
|
Sketch 2026-06-08 16:23This sketch generates an Islamic-inspired geometric rosette pattern with 24 petals arranged in radial symmetry around a central star. Each petal is a curved polygon filled with colors from a palette, and the center features nested stars with alternating colors creating an intricate mandala-like effect.
Key Skills:
|
π Read Docs ποΈ View |
| 502 |
|
I think Anonymous is the goat and I hate with all my mind body and soul Stella dev (the temu one)This is a space shooter game where players control a blue triangle ship to dodge falling enemies and shoot them down. The player moves by touching or clicking, fires projectiles by tapping, and loses when an enemy collides with them or passes the bottom of the screen. Score increases with each enemy destroyed.
Key Skills:
|
π Read Docs ποΈ View |
| 503 |
|
Simple MineCraft Game (Louis)This sketch creates a 2D sandbox mining game inspired by Minecraft where players explore a procedurally generated world, mine blocks, fight skeletons and spiders, and collect materials to win. The player navigates terrain physics, manages a hotbar inventory, and survives day/night cycles with enemy spawns.
Key Skills:
|
π Read Docs ποΈ View |
| 504 |
|
Sketch 2026-06-07 16:54AI Crab Hunter is an action game where you control a cyan character that shoots bullets to eliminate crabs spawning from the screen edges. Move with WASD or arrow keys, aim with your mouse, and fire with clicks or spacebar to rack up kills and collect drops.
Key Skills:
|
π Read Docs ποΈ View |
| 505 |
|
Sketch 2026-06-08 16:23 (Remix)This sketch generates an interactive Islamic rosette motif with symmetrical petals radiating from a center point. Users control the number of petals and the overall size with sliders, and the design updates dynamically to show intricate geometric patterns with nested stars at the center.
Key Skills:
|
π Read Docs ποΈ View |
| 506 |
|
Lethal ape: redux revamp updateThis sketch creates a tense top-down maze exploration game where the player navigates multi-room levels while dodging intelligent roaming monsters. The camera smoothly follows the player, UI buttons enable running and menu interactions, and procedural sounds build an eerie horror atmosphere.
Key Skills:
|
π Read Docs ποΈ View |
| 507 |
|
Red guides and his friendsThis sketch fills the screen with three colorful abstract charactersβthe "weird guys"βmade of wiggly organic shapes with bright expressive eyes and curved mouths. Click or tap any character to trigger a gentle pulsing animation that brings them to life.
Key Skills:
|
π Read Docs ποΈ View |
| 508 |
|
five hundred and twenty fourth to comeThis sketch creates a mesmerizing swirl of colorful, steam-like particles that drift across a dark canvas using Perlin noise-driven flow fields. Touch or drag anywhere on screen to push and shape the mist in real time, creating an interactive art piece.
Key Skills:
|
π Read Docs ποΈ View |
| 509 |
|
robux clicker (Remix)This sketch creates an addictive clicker game inspired by Roblox currency (Robux). Click a glowing green symbol to earn points manually, or toggle an auto-clicker that generates massive points automatically. The dark interface, hover effects, and responsive counter create an engaging mini-game experience.
Key Skills:
|
π Read Docs ποΈ View |
| 510 |
|
Wings Slayer (Lucas)Wings Slayer is a 3D first-person shooting game where you hunt flying birds across multiple themed worlds, earn points to unlock weapons and new bird targets, and eventually face off against powerful bosses. The game combines fast-paced action with a progression system and environmental variety.
Key Skills:
|
π Read Docs ποΈ View |
| 511 |
|
Michael devThis sketch creates a responsive landing page with a gray canvas background and two centered blue links that open external websites. The layout automatically repositions elements when the window is resized, keeping the interactive links always visible and properly aligned.
Key Skills:
|
π Read Docs ποΈ View |
| 512 |
|
theme of the dayThis sketch creates an immersive 3D walkable city rendered in WEBGL with a tilt-shift effect that simulates a miniature diorama. Users navigate using keyboard (W/A/S/D) or on-screen buttons, while the tilt-shift effect blurs everything outside a horizontal band centered on the mouse/touch position, creating cinematic depth-of-field.
Key Skills:
|
π Read Docs ποΈ View |
| 513 |
|
p5 storm chasing projectThis sketch creates a TV-style weather radar display showing a southwest-to-northeast band of rain with a stratiform shield, tornado markers, and a Providence, KY location indicator. It combines procedural weather generation, color-mapped reflectivity visualization, and interactive regeneration on click.
Key Skills:
|
π Read Docs ποΈ View |
| 514 |
|
Sketch 2026-06-18 13:29This sketch creates an animated birthday cake with flickering candles and a 'Happy Birthday!' message. The cake features layered frosting with a wavy design, pink candles with animated yellow and orange flames that flicker independently using Perlin noise, and automatically scales to fit any window size.
Key Skills:
|
π Read Docs ποΈ View |
| 515 |
|
party portalThis sketch creates an interactive party portal with a shared live player counter across browser tabs, auto-triggered Party Mode when a threshold is reached, and animated confetti and emojis. It includes optional music playback, a hidden admin dashboard accessed via a secret key sequence, and persistent statistics using localStorage.
Key Skills:
|
π Read Docs ποΈ View |
| 516 |
|
p5 storm chasing project (Remix)This sketch creates a TV-style National Weather Service radar map that simulates weather patterns across a region. It displays a dynamic southwest-to-northeast band of rain with a stratiform shield, tornado markers, and a Providence, KY location indicator that regenerates every few seconds or when clicked.
Key Skills:
|
π Read Docs ποΈ View |
| 517 |
|
tu-tu-du-du max verstappenThis sketch creates a dynamic 3D visualization of swirling, racing-inspired lines that spin through space against a deep blue background, with the name "MAX VERSTAPPEN" displayed prominently at the center. The lines use Perlin noise to create organic, flowing motion that continuously rotates, evoking speed and energy inspired by Formula 1 racing.
Key Skills:
|
π Read Docs ποΈ View |
| 518 |
|
Sketch 2026-07-03 12:08 daily themeThis sketch creates a mesmerizing quicksand simulation where particles gently fall from above, land on a rippling sandy surface, and slowly sink out of view. The undulating quicksand surface is animated using Perlin noise, while individual particles accelerate as they sink deeper, creating a continuous, hypnotic flow.
Key Skills:
|
π Read Docs ποΈ View |
| 519 |
|
Subject gus: breached through the facilityThis is a stealth-horror escape game where you play as a red circle named Gus navigating a glowing maze while avoiding a blue enemy guard with a rotating field of view. Navigate through 20x20 grid of walls and corridors, time your movements to avoid detection, and reach the green exit tileβall with atmospheric sound design and subtle glitch effects.
Key Skills:
|
π Read Docs ποΈ View |
| 520 |
|
Four-AI-4TRACK-SASThis sketch is a web-based GPS tracking and AI chat interface called Four-IA 4Track SAS. It combines a conversational AI chat panel with a sidebar for history management, social media links, and theme switching, styled with modern UI elements and micro-interactions.
Key Skills:
|
π Read Docs ποΈ View |
| 521 |
|
very weird sketchThis sketch creates an interactive space-themed collector game where a player-controlled spaceship chases and collects randomly generated alien critters floating across the canvas. The critters move organically using Perlin noise and display in various colorful shapesβpolygons, blobs, and starsβwhile the player earns points for each successful collection.
Key Skills:
|
π Read Docs ποΈ View |
| 522 |
|
theme of the day but its super goodThis sketch renders a realistic 3D Earth with a satellite orbiting around it under simulated gravity, surrounded by a glowing starfield. The satellite leaves a glowing orange trail, and interactive controls let you adjust gravity, masses, and initial orbital conditions to see how the orbit changes in real time.
Key Skills:
|
π Read Docs ποΈ View |
| 523 |
|
Very broken rubgu.berb machine (I can't spell)This sketch creates an interactive Rube Goldberg machine using the Matter.js physics engine. Clicking the canvas releases a ball that cascades through eleven stages including ramps, seesaws, dominoes, pendulums, and funnels, demonstrating realistic physics interactions and chain reactions across an extended canvas.
Key Skills:
|
π Read Docs ποΈ View |
| 524 |
|
Sketch 2026-07-03 15:55This sketch is a classic space shooter game where you pilot a blue triangle spaceship across the bottom of the screen, firing yellow bullets upward to destroy red enemy blocks that fall from above. Points are awarded for each enemy destroyed, and the game uses arrow keys to move and spacebar to shoot.
Key Skills:
|
π Read Docs ποΈ View |
| 525 |
|
inf road tripThis sketch creates a relaxing infinite driving scene where you cruise down a perspective road with trees and hills scrolling past. The car stays centered while the road lines and scenery continuously move toward you, simulating forward motion without the car actually moving.
Key Skills:
|
π Read Docs ποΈ View |
| 526 |
|
Simple MineCraft Cline (Remix) (Remix)This sketch creates a 2-player Minecraft-inspired sandbox where two players navigate a procedurally generated pixel world, place and break blocks, and survive zombie attacks during night cycles. The game combines tile-based world generation, physics simulation, day/night cycling, and enemy AI into a cooperative survival experience.
Key Skills:
|
π Read Docs ποΈ View |
| 527 |
|
talking benThis sketch creates an interactive cartoon dog that fills the screen with expressive animations and a speech bubble. Users can record their voice through their microphone, play it back, and watch the dog react with silly comments and changing facial expressions.
Key Skills:
|
π Read Docs ποΈ View |
| 528 |
|
ca gam but i made it 3d lolThis sketch creates a 3D top-down car racing game where you steer your blue car between lanes to avoid red obstacle cars. The entire game world is rendered in 3D using WEBGL, tilted at a camera angle to create depth, while you accumulate points for surviving.
Key Skills:
|
π Read Docs ποΈ View |
| 529 |
|
P5.js sketch inspired by: "Umbrella rain"This sketch fills the screen with hundreds of individually animated raindrops that fall at different speeds based on a simulated depth value, creating a parallax rain effect over a dark stormy sky. Three simple umbrellas sit along the bottom of the canvas, and everything reflows automatically when the browser window is resized.
Key Skills:
|
π Read Docs ποΈ View |
| 530 |
|
my profileThis sketch creates a beautifully lit 3D Earth rotating slowly in a starfield, with a satellite orbiting around it and leaving a glowing trail. The scene responds to mouse dragging for rotation control, and interactive sliders let you adjust gravity and satellite parameters in real time to watch the orbit transform.
Key Skills:
|
π Read Docs ποΈ View |
| 531 |
|
elastic Eric but worst and better idkThis sketch creates a highly interactive 3D character named Elastic Eric that stretches and deforms under drag interactions, with a special 'puddle mode' that melts the character into a liquid-like state inside a glass bowl. The character features a procedurally-generated spherical head mesh, articulated limbs with physics, facial animations including blinking and talking, and responsive haptic feedback on mobile devices.
Key Skills:
|
π Read Docs ποΈ View |
| 532 |
|
AMERICAAAAAAAAAThis sketch creates a patriotic fireworks display where colorful rockets launch from the bottom of the screen and explode into particles that assemble into glowing "AMERICA 250" text. After one minute, the text dissolves away in a shimmering fade, creating a celebratory visual effect.
Key Skills:
|
π Read Docs ποΈ View |
| 533 |
|
p5js.ai is super coolThis sketch displays a spinning 3D cube in WEBGL mode with glowing text wrapped around all six faces. The text "p5js.ai is super cool" shimmers with soft yellow-orange neon light created by layered glow effects, while the cube continuously rotates on three axes. An epilepsy warning overlay appears on load and must be dismissed before the animation begins.
Key Skills:
|
π Read Docs ποΈ View |
| 534 |
|
fruit ninja π₯·This is a Fruit Ninja-style game where players slice colorful fruits that arc across a bright sky using mouse drags or touch swipes. The challenge is avoiding bombs while racking up points, managing three lives, and surviving increasingly difficult waves of flying fruit.
Key Skills:
|
π Read Docs ποΈ View |
| 535 |
|
spot for all of his lifeπ―This sketch loads a single image over the network and displays it full-screen, cropped to fill the window while preserving its aspect ratio. A dark bar at the top overlays a live countdown showing elapsed and remaining minutes out of an enormous configured total, updating every frame in real time.
Key Skills:
|
π Read Docs ποΈ View |
| 536 |
|
P5.js sketch inspired by: "Tetris blocks"This sketch recreates the classic falling-block puzzle game Tetris entirely in p5.js, complete with seven colored tetromino shapes, rotation, line-clearing, scoring, and a speed-up mechanic. Pieces fall automatically on a timer while arrow keys let the player shift, rotate, and drop them onto a 10x20 grid.
Key Skills:
|
π Read Docs ποΈ View |
| 537 |
|
P5.js sketch inspired by: "Vinyl scratch"This sketch draws a richly detailed vinyl record - complete with concentric grooves and colored labels - sitting on a dark background, alongside a tonearm that glides smoothly toward wherever you click or drag. Interacting with the record actually drives a live p5.sound oscillator and white-noise generator, so the pitch and scratchy texture of the sound change as you move the mouse across the disc.
Key Skills:
|
π Read Docs ποΈ View |
| 538 |
|
spotThis sketch renders a still, storybook-style graveyard scene: a soft gradient sky, a green ground plane, and a single rounded gravestone engraved with the word 'SPOT'. Everything is drawn once and left static, like a painted illustration rather than an animation.
Key Skills:
|
π Read Docs ποΈ View |
| 539 |
|
Object show where the Animation looks real andThis sketch fuses three.js 3D rendering with the p5.js draw loop to build an orbiting 'object show' scene: a golden trophy sits at the center while a soda cup, remote, PlayStation 5, salt lamp, and a McDonald's arc spin around it, each animated with GSAP. Text overlays render 'Animation 2024' and a randomly generated elimination result on top of the WebGL scene.
Key Skills:
|
π Read Docs ποΈ View |
| 540 |
|
starter thingThis sketch fills the screen with 70 glowing, color-shifting particles that drift, connect into thin constellation lines when they're close together, and leave soft trails behind thanks to a translucent background. Moving the mouse gently tugs nearby particles toward the pointer, and clicking or tapping bursts fresh particles into the scene.
Key Skills:
|
π Read Docs ποΈ View |
| 541 |
|
7364 games in oneThis sketch turns a single number - the 'game ID' - into an entire generated mini-game: a colored background, a bouncing shape (circle, square, or line), and its size and speed, all deterministically derived from that number using a seeded random generator. Clicking or tapping picks a brand new random game ID and rebuilds the whole scene instantly.
Key Skills:
|
π Read Docs ποΈ View |
| 542 |
|
3d blackholeThis sketch renders a glowing 3D black hole in WEBGL, surrounded by a swirling ring of colorful accretion-disk dust particles and a parallax starfield. Moving the mouse drags a custom glowing cursor orb that is itself pulled toward the black hole's gravity, visually reinforcing the sense of being sucked into deep space.
Key Skills:
|
π Read Docs ποΈ View |
| 543 |
|
Gold and Purple Lava PitThis sketch simulates a bubbling lava pit that you can drop gold coins into. When a gold particle touches the lava, it turns purple, melts away, and dissolves into a spinning purple vortex that sinks and disappears.
Key Skills:
|
π Read Docs ποΈ View |
| 544 |
|
Preview Not Available Preview expired or not foundThis sketch loads a fullscreen night-time photo from Unsplash and displays it scaled to cover the entire browser window, while a translucent bar at the top counts elapsed and remaining minutes of an enormous (nearly endless) 7.889 million minute timer.
Key Skills:
|
π Read Docs ποΈ View |
| 545 |
|
P5.jsι»θ²θζ―η―ε½’εε η²ει±Όε¨η»οΌ12000η²εοΌεΈ¦εΊι¨ζ°΄ι’εε½±οΌε·¦δΈθ§ζΎη€ΊδΈθ§ε½ζ°ε ¬εΌοΌη²ει»ιζΈεεε οΌζΆι΄ειtι©±ε¨ι±Όζη»ζε¨ζΈΈε¨This sketch renders a swimming fish built entirely out of 12,000 glowing particles arranged in a polar-coordinate ring, with a distorted body wave and a wiggling tail. A flipped, semi-transparent copy of the fish is drawn below it to simulate a water reflection, and the whole animation runs on a black canvas with additive color blending for a neon glow.
Key Skills:
|
π Read Docs ποΈ View |
| 546 |
|
P5.js sketch inspired by: "Xylophone"This sketch draws an interactive xylophone with eight colorful bars spanning a C major scale. Clicking, tapping, or pressing mapped keyboard keys (A-K) triggers a soft percussive tone for that bar and makes it flash red briefly to show it was struck.
Key Skills:
|
π Read Docs ποΈ View |
| 547 |
|
make your own heroThis sketch builds an RPG-style hero creation screen using p5.js DOM elements (a text input and buttons) layered on top of canvas drawing. Players type a hero name, spend a pool of skill points on four stats, and watch a simple hand-drawn warrior illustration on the canvas, then click 'Start Battle' to switch to a second game-state screen.
Key Skills:
|
π Read Docs ποΈ View |
| 548 |
|
Peter pan game real gameThis sketch is a complete side-scrolling flight game where you control Peter Pan, flapping upward with the W or Up Arrow key to dodge pirates and collect pixie dust for points. It features a parallax scrolling Neverland background, custom hand-drawn characters built from primitive shapes, simple circle-based collision detection, and a full start/playing/game-over state machine.
Key Skills:
|
π Read Docs ποΈ View |
| 549 |
|
P5.js sketch inspired by: "Expectation vs reality Waterfall"This sketch paints a moody nighttime waterfall scene using a custom Particle class: hundreds of small glowing droplets are continuously spawned at a rocky ledge, fall and drift under simulated gravity, fade out, and disappear into a misty pool below. Static rock shapes and layered semi-transparent mist ellipses frame the falling water for a soft, atmospheric effect.
Key Skills:
|
π Read Docs ποΈ View |
| 550 |
|
mom please don't put down spotThis sketch paints a full-screen cartoon sunset scene with a gradient sky, a glowing sun, warm-toned ground, and a spotted white dog named Spot lying peacefully in the foreground, his chest rising and falling with a subtle breathing animation.
Key Skills:
|
π Read Docs ποΈ View |