πŸ“– 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
551 time janitor - p5.js creative coding sketch

time janitor

Time Janitor is an interactive puzzle game where players drag historical event cards into the correct sequence to repair a corrupted timeline. Players must decide whether to fix or keep chaotic "glitch" events, and their choices reshape the story's ending across three possible outcomes.

Key Skills:
  • Game state machine
  • Interactive drag and drop
  • Array manipulation (splice)
  • Mouse event handling
  • Dynamic UI rendering

by Anonymous Β· 247 views

πŸ“– Read Docs πŸ‘οΈ View
552 falling lava survival - p5.js creative coding sketch

falling lava survival

This sketch creates a physics-based survival game where players control a blue ball to dodge an endless stream of falling red rectangles. Using Matter.js for realistic physics, the player slides across the ground, jumps to avoid collisions, and earns points for each dodged object while racing against a 60-second timer.

Key Skills:
  • Matter.js physics engine
  • Collision detection
  • Game state management
  • Delta time for frame-rate independence
  • Physics forces and velocity

by Anonymous Β· 246 views

πŸ“– Read Docs πŸ‘οΈ View
553 survive 10 years in cave with cheese launcher - p5.js creative coding sketch

survive 10 years in cave with cheese launcher

This sketch creates an endless dungeon crawler where you navigate procedurally-generated mazes, dodge hostile enemies, and blast them with a cheese launcher. Each floor gets harder as you descend deeper, picking up loot upgrades along the way.

Key Skills:
  • Procedural generation with random walk
  • Collision detection between entities
  • Timed spawning systems
  • Game state management
  • Class-based architecture for game objects

by Anonymous Β· 259 views

πŸ“– Read Docs πŸ‘οΈ View
554 fun game - p5.js creative coding sketch

fun game

This sketch creates a time-loop puzzle game where the player navigates through a maze while previous actions replay as helpful ghosts. You must use ghostly replays to hold down pressure plates, open doors, dodge lethal lasers, and escape from a chasing evil ghost before each 10-second loop resets.

Key Skills:
  • Game state management
  • Array-based path recording and playback
  • Collision detection (axis-aligned rectangles and circles)
  • Real-time timer and loop mechanics
  • Interactive keyboard input

by Anonymous Β· 262 views

πŸ“– Read Docs πŸ‘οΈ View
555 Just a rock simulator - p5.js creative coding sketch

Just a rock simulator

This sketch creates a scenic landscape simulator with a randomly generated irregular rock shape positioned on grass, clouds floating in the sky, a sun, and small people standing on top of the rock. The entire scene is responsive to window resizing, regenerating all elements to fit the new canvas dimensions.

Key Skills:
  • Procedural generation
  • Polar coordinates
  • Responsive canvas sizing
  • Vertex-based polygons
  • Data separation from rendering

by Anonymous Β· 238 views

πŸ“– Read Docs πŸ‘οΈ View
556 reverse platform - p5.js creative coding sketch

reverse platform

This sketch creates an interactive reverse platformer game where you control the level itself rather than the character. An AI-controlled yellow hero automatically navigates through a scripted obstacle course following waypoints, while you manipulate movable platforms and place spike hazards to either help or sabotage its progress.

Key Skills:
  • Object-oriented programming (classes)
  • Physics simulation (gravity, velocity, collision)
  • AI pathfinding and waypoint following
  • Collision detection (AABB)
  • Game state management

by Anonymous Β· 254 views

πŸ“– Read Docs πŸ‘οΈ View
557 temu what beats rock - p5.js creative coding sketch

temu what beats rock

This sketch creates an interactive game where players type words that beat the current item in a logic-based chain. Starting with 'rock,' each valid answer becomes the new current item and is added to a scrolling history, until the player's logic fails or runs out of creative beatsβ€”then the game ends.

Key Skills:
  • HTML input integration
  • Game state management
  • Array manipulation and iteration
  • Conditional logic and rule validation
  • Text display and layout on canvas

by Anonymous Β· 259 views

πŸ“– Read Docs πŸ‘οΈ View
558 pronk - p5.js creative coding sketch

pronk

This sketch creates a playful prank that mimics a dramatic software crash with a fake blue screen, then reveals a cheerful "You've been pranked!" message. It combines state management, timed transitions, and animations to build suspense before delivering the joke.

Key Skills:
  • State machines
  • Switch statements
  • Timing and delays
  • Array iteration
  • Animation loops

by Anonymous Β· 220 views

πŸ“– Read Docs πŸ‘οΈ View
559 test - p5.js creative coding sketch

test

This sketch creates an interactive clicker game where players click on a live webcam feed to earn clicks, which can be spent on upgrades like click multipliers and auto-clickers. The interface features a circular video target in the main game area and a responsive sidebar panel displaying available upgrades with buy buttons.

Key Skills:
  • Video capture and masking
  • Responsive layout and window resizing
  • Game state management with objects
  • Mouse interaction and click detection
  • Distance-based collision detection

by Anonymous Β· 310 views

πŸ“– Read Docs πŸ‘οΈ View
560 Good boy yyyy - p5.js creative coding sketch

Good boy yyyy

This is an absurdly chaotic sushi restaurant simulator where customers arrive, order sushi, and eatβ€”but then UFOs abduct them, zombies attack, sharks bite, helicopters shoot, and dozens of other ridiculous events unfold. The sketch combines dozens of event systems, combat mechanics, state management, and visual chaos into a single unhinged game.

Key Skills:
  • State machines
  • Object-oriented design with classes and inheritance
  • Array and entity management
  • Probabilistic event spawning
  • Distance-based collision detection

by Anonymous Β· 256 views

πŸ“– Read Docs πŸ‘οΈ View
561 pull a brainrot - p5.js creative coding sketch

pull a brainrot

A colorful incremental clicker game where you collect bouncing 'brainrot' creatures of different rarities that appear in vertical zones. Drag them to your inventory, upgrade and sell them to earn passive income, and unlock rarer creatures by accumulating strength.

Key Skills:
  • Game loop and animation
  • Vector math and physics
  • Object-oriented programming (classes)
  • Inventory and state management
  • Incremental progression systems

by Anonymous Β· 264 views

πŸ“– Read Docs πŸ‘οΈ View
562 67 - p5.js creative coding sketch

67

This sketch creates an immersive 3D first-person treasure hunt where you explore a procedurally generated forest of grass tiles and trees, searching for a hidden leprechaun's treasure. Using keyboard controls, you navigate the world, follow distance and direction hints on screen, and dig when you reach the correct location.

Key Skills:
  • WEBGL 3D rendering
  • Camera positioning and tracking
  • Procedural world generation
  • Deterministic pseudo-random number generation
  • 3D transformations and rotations

by Anonymous Β· 257 views

πŸ“– Read Docs πŸ‘οΈ View
563 Sketch 2026-03-17 02:11 - p5.js creative coding sketch

Sketch 2026-03-17 02:11

This 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:
  • Object-oriented design with classes
  • State machines and state transitions
  • Animation timing and millis()
  • Distance-based collision detection
  • Entity management with arrays and filtering

by Anonymous Β· 278 views

πŸ“– Read Docs πŸ‘οΈ View
564 Sketch 2026-03-16 15:35 - p5.js creative coding sketch

Sketch 2026-03-16 15:35

This 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:
  • Coordinate transformation
  • translate() function
  • scale() function
  • push() and pop()
  • Interactive buttons

by Anonymous Β· 266 views

πŸ“– Read Docs πŸ‘οΈ View
565 hacker typer - p5.js creative coding sketch

hacker typer

This 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:
  • Keyboard event handling
  • Text rendering and fonts
  • String splitting and arrays
  • Conditional logic and randomness
  • Scrolling viewport

by Anonymous Β· 293 views

πŸ“– Read Docs πŸ‘οΈ View
566 computer virus (prank) - p5.js creative coding sketch

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:
  • State machines
  • Progress bars and progress tracking
  • Time-based animation
  • p5.sound oscillators and noise
  • Interactive buttons

by Anonymous Β· 275 views

πŸ“– Read Docs πŸ‘οΈ View
567 FBI TAKEDOWN sceen - p5.js creative coding sketch

FBI TAKEDOWN sceen

This 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:
  • Full-screen responsive canvas
  • Text animation and blinking
  • Web Audio API and oscillators
  • Frame-based timing with frameCount
  • Time-based countdown with millis()

by Anonymous Β· 271 views

πŸ“– Read Docs πŸ‘οΈ View
568 20 level is easy - p5.js creative coding sketch

20 level is easy

This 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:
  • Procedural generation and grid-based generation
  • Camera panning with constrained boundaries
  • Collision detection with tap tolerance
  • Level progression and game state management
  • Touch controls (tap, drag, touchMoved, touchEnded)

by Anonymous Β· 271 views

πŸ“– Read Docs πŸ‘οΈ View
569 Black screen is gone - p5.js creative coding sketch

Black screen is gone

This 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:
  • Procedural generation with grid-based seeding
  • Camera systems and viewport translation
  • Touch input and gesture panning
  • Collision detection with distance calculations
  • Multi-level game state management

by Anonymous Β· 274 views

πŸ“– Read Docs πŸ‘οΈ View
570 Can you beat 12,000 - p5.js creative coding sketch

Can you beat 12,000

This interactive Lego vehicle construction game combines 3D building, selling, and mini-games. Players tap to add blocks and build helicopters, cars, trains, and buses step-by-step, then watch a customer buy each creation. As money accumulates, new vehicles unlock and playable mini-games become available at specific money thresholds.

Key Skills:
  • 3D transforms and WEBGL rendering
  • Game state machine (multiple modes)
  • Animation timing with millis()
  • Interactive tap-to-advance mechanic
  • Unlock system based on thresholds

by Anonymous Β· 334 views

πŸ“– Read Docs πŸ‘οΈ View
571 survive ef5 tornado - p5.js creative coding sketch

survive ef5 tornado

This 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:
  • Game state management
  • Collision detection
  • Object-oriented programming
  • Perlin noise animation
  • Audio synthesis with p5.sound

by Anonymous Β· 282 views

πŸ“– Read Docs πŸ‘οΈ View
572 low-key timer - p5.js creative coding sketch

low-key timer

This 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:
  • DOM elements and p5.js
  • Event handlers (mousePressed)
  • Collision detection and bouncing
  • Time tracking with millis()
  • Layering with z-index and absolute positioning

by Anonymous Β· 277 views

πŸ“– Read Docs πŸ‘οΈ View
573 king of ai chatbots v2 - p5.js creative coding sketch

king of ai chatbots v2

This 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:
  • Markov chains for text generation
  • Intent detection and pattern matching
  • Persistent browser storage (localStorage)
  • Web Speech API (recognition and synthesis)
  • Fuzzy string matching and similarity

by Anonymous Β· 307 views

πŸ“– Read Docs πŸ‘οΈ View
574 killer monkey 2.0 - p5.js creative coding sketch

killer monkey 2.0

This sketch creates a single aggressive 3D monkey wielding a sword that relentlessly chases your mouse cursor across a dark, glowing space. The monkey uses steering AI to predict and hunt your movements, speaking in glitchy banana-themed phrases, until it catches you and crashes the game.

Key Skills:
  • 3D rendering (WEBGL)
  • Steering behavior (AI pursuit)
  • Vector math (velocity, acceleration, forces)
  • Mouse tracking and collision detection
  • State management (play vs. crashed)

by Anonymous Β· 314 views

πŸ“– Read Docs πŸ‘οΈ View
575 ScuffedSixSiege - p5.js creative coding sketch

ScuffedSixSiege

Scuffed Six Siege is a top-down tactical shooter inspired by Rainbow Six Siege where players compete in an attack-vs-defend bomb-planting game mode. Teams spawn on opposite sides of a procedurally generated map with destructible walls, hidden rooms, and pathfinding AI opponents that scale difficulty by rank.

Key Skills:
  • Game state machine
  • Procedural obstacle generation
  • Grid-based pathfinding (BFS)
  • Collision detection (circle vs rect, bullet vs soldier)
  • Difficulty scaling and rank progression

by Anonymous Β· 302 views

πŸ“– Read Docs πŸ‘οΈ View
576 btd clone lol - p5.js creative coding sketch

btd clone lol

This 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:
  • Object-oriented programming with classes
  • Collision detection with distance checking
  • Path following and vector movement
  • Game state management
  • Interactive upgrades and UI

by Anonymous Β· 291 views

πŸ“– Read Docs πŸ‘οΈ View
577 king of ai chatbots - p5.js creative coding sketch

king of ai chatbots

This sketch creates Larry, a conversational AI chatbot that runs entirely in your browser. Larry learns from your inputs, remembers conversations, detects mood and intent, and responds with personality using voice recognition and text-to-speech capabilities.

Key Skills:
  • Text processing and regular expressions
  • Markov chain text generation
  • Intent detection and pattern matching
  • Sentiment analysis
  • localStorage persistent memory

by Anonymous Β· 298 views

πŸ“– Read Docs πŸ‘οΈ View
578 monkey game hehe - p5.js creative coding sketch

monkey game hehe

This sketch creates a chunky 3D monkey in WebGL that chases your cursor around the screen using steering AI. The monkey changes behavior based on distance, displays silly thoughts in speech bubbles, and triggers a crash screen when it catches youβ€”combining 3D graphics, vector physics, and playful game mechanics.

Key Skills:
  • Vector steering behavior
  • 3D graphics and WebGL
  • Game state management
  • Collision detection
  • Coordinate system conversion

by Anonymous Β· 313 views

πŸ“– Read Docs πŸ‘οΈ View
579 triple t virus - p5.js creative coding sketch

triple t virus

This sketch creates a fake virus warning screen with a menacing red background, animated text that floats and fades, two interactive buttons, and terrifying jumpscare images that flash on screen at unpredictable intervals. It combines visual pranks, sound effects, and responsive design to create an immersive (and unsettling) interactive experience.

Key Skills:
  • Timer-based event scheduling
  • Image preloading and rendering
  • Custom animation class
  • Array manipulation with splice
  • Responsive canvas resizing

by Anonymous Β· 303 views

πŸ“– Read Docs πŸ‘οΈ View
580 Sketch 2026-03-12 17:48 - p5.js creative coding sketch

Sketch 2026-03-12 17:48

This is a fast-paced clicking game where players must click randomly spawned black squares as quickly as possible within a 45-second timer. The game tracks scores, calculates player ranks based on recent match history, and maintains a leaderboard of top 10 scores with a beautiful hexagon-tiled background.

Key Skills:
  • Game state management
  • Collision detection
  • Arrays and object data structures
  • localStorage persistence
  • Off-screen graphics buffers

by Anonymous Β· 311 views

πŸ“– Read Docs πŸ‘οΈ View
581 ROUNDS (improved) - p5.js creative coding sketch

ROUNDS (improved)

ROUNDS is a fast-paced local multiplayer (or AI) battle arena where two characters duel across shifting platform maps, firing projectiles, blocking attacks, and collecting powerful upgrade cards between rounds. The winning player reaches a target score by eliminating their opponent through combat, blocking, and strategic ability stacking.

Key Skills:
  • State machine (TITLE β†’ PLAYING β†’ CARD_SELECT β†’ GAME_OVER)
  • Collision detection (AABB rectangles with platform geometry)
  • Physics simulation (gravity, velocity, friction, jumping)
  • AI pathfinding and decision-making
  • Particle systems and visual feedback

by Anonymous Β· 371 views

πŸ“– Read Docs πŸ‘οΈ View
582 ROUNDS - p5.js creative coding sketch

ROUNDS

ROUNDS is a chaotic local-multiplayer combat game inspired by the roguelike shooter of the same name. Two players battle across platform-filled arenas, dodging bullets and blocking attacks, while collecting power-up cards between rounds that fundamentally reshape their playstyle with unique abilities, stat boosts, and weapon modifiers.

Key Skills:
  • Object-oriented design with classes
  • Game state machine (TITLE, PLAYING, ROUND_OVER, CARD_SELECT, GAME_OVER)
  • Collision detection (circle-to-rectangle and axis-aligned bounding boxes)
  • Physics simulation (gravity, friction, velocity, jumping)
  • Particle systems and visual effects

by Anonymous Β· 320 views

πŸ“– Read Docs πŸ‘οΈ View
583 Sketch 2026-03-12 15:43 - p5.js creative coding sketch

Sketch 2026-03-12 15:43

This 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:
  • Game state machines
  • Physics simulation (gravity, velocity, collision)
  • Real-time input handling and aiming
  • AI pathfinding and decision-making
  • Roguelike progression and card systems

by Anonymous Β· 267 views

πŸ“– Read Docs πŸ‘οΈ View
584 Sketch 2026-03-12 15:43 - p5.js creative coding sketch

Sketch 2026-03-12 15:43

This sketch creates a local multiplayer fighting game inspired by ROUNDS, where two players battle across multiple maps, collect upgrades via a card system, and compete to 15 points. Players can move, jump, shoot bullets with various properties, and parry incoming fire in a physics-based arena.

Key Skills:
  • Game state management
  • Real-time physics simulation
  • Collision detection and response
  • Player input handling (keyboard and mouse)
  • AI decision making and targeting

by Anonymous Β· 293 views

πŸ“– Read Docs πŸ‘οΈ View
585 day dreaming fish 3 - p5.js creative coding sketch

day dreaming fish 3

This 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:
  • State management with boolean flags
  • Timing and frameCount-based animation
  • Smooth motion with lerp()
  • Thought bubbles and text display
  • Particle physics with gravity

by Anonymous Β· 292 views

πŸ“– Read Docs πŸ‘οΈ View
586 Beachvibes - p5.js creative coding sketch

Beachvibes

Beachvibes is an interactive audio-visual sketch that creates a relaxing beach scene with animated ocean waves synchronized to dynamic sound effects. The sketch combines continuous wave noise with periodic crashing wave sounds, triggered with visual splash animations, while users control volume, wave depth, and crash frequency through interactive sliders.

Key Skills:
  • Audio synthesis with p5.sound
  • Noise generators and filtering
  • Envelope control (ADSR)
  • Perlin noise animation
  • Real-time parameter modulation

by Anonymous Β· 299 views

πŸ“– Read Docs πŸ‘οΈ View
587 robux clicker - p5.js creative coding sketch

robux clicker

This 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:
  • Mouse collision detection (circular and rectangular)
  • Time-based game mechanics (millis() and timestamp tracking)
  • Interactive button state management
  • Transform and scale effects (push/pop, translate, scale, rotate)
  • Responsive UI with hover states

by Anonymous Β· 288 views

πŸ“– Read Docs πŸ‘οΈ View
588 rainvibes - p5.js creative coding sketch

rainvibes

This sketch creates an immersive rainstorm experience by combining animated falling raindrops with procedurally generated rain noise and occasional thunder rumbles. Interactive sliders let you control the overall volume and the pitch/brightness of the rain and thunder sounds, creating a dynamic audiovisual meditation on weather.

Key Skills:
  • Particle systems with depth
  • Perlin noise for animation
  • Procedural audio generation
  • Low-pass filter audio effects
  • Audio parameter modulation

by Anonymous Β· 308 views

πŸ“– Read Docs πŸ‘οΈ View
589 Sketch 2026-03-09 18:39 - p5.js creative coding sketch

Sketch 2026-03-09 18:39

This 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:
  • Game state machines (MENU, PLAYING, FIGHTING)
  • Object arrays and iteration with splice()
  • ES6 class design with update() and display() pattern
  • Collision detection (distance-based)
  • DOM manipulation and p5.Div elements

by Anonymous Β· 293 views

πŸ“– Read Docs πŸ‘οΈ View
590 Sketch 2026-03-10 19:26 - p5.js creative coding sketch

Sketch 2026-03-10 19:26

This sketch creates a celebratory animation with a central GIF image surrounded by expanding rainbow pulse rings and colorful particles that emit outward and fade away. The particles stream from the center while concentric rainbow rings pulse outward in waves, all set against a white background for a bright, dynamic visual effect.

Key Skills:
  • Object-oriented programming (classes)
  • Array management and iteration
  • HSB color mode
  • Particle systems
  • Vector-based movement

by Anonymous Β· 246 views

πŸ“– Read Docs πŸ‘οΈ View
591 for web wensday on corbun does weird webs upd - p5.js creative coding sketch

for web wensday on corbun does weird webs upd

This sketch transforms your mouse into a symmetrical kaleidoscope brush that paints colorful, mirrored trails around a central image. As you drag, the sketch creates vibrant, swirling patterns with trails that fade and shimmer, combining interactive drawing with mathematical symmetry and HSB color cycling.

Key Skills:
  • Image loading with preload()
  • HSB color model and hue cycling
  • Coordinate transformation (translate and rotate)
  • Mouse interaction and tracking
  • Mathematical symmetry and mirroring

by Anonymous Β· 258 views

πŸ“– Read Docs πŸ‘οΈ View
592 cookie clicker by:moon_noob (Remix) - p5.js creative coding sketch

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:
  • Game state management
  • Array manipulation and object properties
  • localStorage persistence
  • Event listeners and callbacks
  • Exponential scaling

by Anonymous Β· 271 views

πŸ“– Read Docs πŸ‘οΈ View
593 for web wensday on corbun does weird webs - p5.js creative coding sketch

for web wensday on corbun does weird webs

This 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:
  • Transformations (translate, rotate, scale)
  • Symmetry and mirroring
  • HSB color mode
  • Semi-transparent backgrounds for trails
  • Distance mapping

by Anonymous Β· 283 views

πŸ“– Read Docs πŸ‘οΈ View
594 The best snake game (Remix) - p5.js creative coding sketch

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:
  • Game state machines
  • Object-oriented class design
  • Canvas-based UI drawing
  • Grid-based movement
  • Collision detection

by Anonymous Β· 301 views

πŸ“– Read Docs πŸ‘οΈ View
595 Sketch 2026-03-10 06:53 - p5.js creative coding sketch

Sketch 2026-03-10 06:53

This sketch creates a light blue circle that follows your mouse cursor across the canvas in real time. The circle tracks the mouse position every frame, creating a simple but satisfying interactive effect. The canvas automatically resizes when the window changes size.

Key Skills:
  • Mouse interaction (mouseX, mouseY)
  • The draw loop and continuous updates
  • Shape positioning and parameters
  • Color with RGB values
  • Responsive canvas sizing

by Anonymous Β· 273 views

πŸ“– Read Docs πŸ‘οΈ View
596 7 painful nights at corbuns zombie island v2 offical - p5.js creative coding sketch

7 painful nights at corbuns zombie island v2 offical

This 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:
  • Three.js 3D rendering and scene graph
  • First-person camera controls (PointerLockControls)
  • Real-time collision detection (Box3, Sphere)
  • Object-oriented game entities (Zombie, Bullet, Guard classes)
  • Day-night cycle and time-based state management

by Anonymous Β· 292 views

πŸ“– Read Docs πŸ‘οΈ View
597 Snail game (Remix) - p5.js creative coding sketch

Snail game (Remix)

This is a complete snail-themed collection game where players guide a customizable snail around obstacle-filled maps to collect food and reach score targets to unlock new levels. The game features multiple difficulty maps, speed-boosting candies, pickaxes to destroy obstacles, inventory systems, and an admin panel for cheats.

Key Skills:
  • Object-Oriented Programming (Classes)
  • State Machine & Game Flow
  • Collision Detection (Circle-Rectangle)
  • Keyboard & Mouse Input
  • LocalStorage Persistence

by Anonymous Β· 297 views

πŸ“– Read Docs πŸ‘οΈ View
598 Particle System with crazy meter 2 - p5.js creative coding sketch

Particle System with crazy meter 2

This 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:
  • Particle systems
  • Vector physics
  • Object-oriented programming
  • Mouse interaction
  • GUI integration

by Anonymous Β· 296 views

πŸ“– Read Docs πŸ‘οΈ View
599 invest in CORBUN does weird webs (game) - p5.js creative coding sketch

invest in CORBUN does weird webs (game)

This sketch simulates a stock trading game where you buy and sell shares of the fictional CORBUN stock. A glowing price chart updates in real-time with random price movements, and buttons let you trade shares and watch your portfolio value change instantly.

Key Skills:
  • Interactive buttons
  • Game state management
  • Random walk simulation
  • Real-time data visualization
  • Normalization and scaling

by Anonymous Β· 330 views

πŸ“– Read Docs πŸ‘οΈ View
600 Bouncing Blended Balls - p5.js creative coding sketch

Bouncing Blended Balls

This 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:
  • Object-oriented programming with ES6 classes
  • Animation using the draw loop and velocity
  • Collision detection and wall bouncing
  • Additive color blending with blendMode()
  • Mouse interaction and event handling

by Anonymous Β· 293 views

πŸ“– Read Docs πŸ‘οΈ View