p5.js demos you can play with right now

Hundreds of p5.js demos, each running live on its creator's own site: some of them vibe-coded with AI, all of them playable in your browser with nothing to install. Press a card to play one on its own page, or start the cruise to ride through them one after another.

Made one of these? See how many people played yours → or use email

• Color Game A game about color values using p5.js How the game works is pretty simple. You type in the text box what you think the number of the…
• The Game A Flappy bird clone in progress
• SnakeGame Recriando o jogo Snake em JavaScript com o auxílio da biblioteca P5JS Use as setas do teclado ou WASD para se locomover. A opção de…
• Snake Game A fun little snake game I made in p5js
• Game Physics Web-Game using P5.js developed as lab exercise during the summer semester at HTW Berlin Implementation of physical forces (e.g. collisions…
• imersao gamedev A imerção GameDev da Alura tem como objetivo a pratica do JavaScript apartir do desenvolvimento de games, utilizando como principais…
• shooting ducks Little web browser game based on Chicken shooting game I played as a child. get hands on p5.js library. troll couple of my colleagues…
• exploding ovals A Simple fun game with javascript classes and HTML5 canvas using p5.js library. Change code to ES6 classes. Webpack to bundle p5.js with…
• Tetris Old Style In this Repo I will develope a Tetris game.
• falling apples A simple game written in P5 JS. Every barrier   +1 points Red Apple    +3 points Poison Apple   -3 points
• recordstoregame A fun and simple Game about collecting Vinyl This Game is my first project using javascript and j5, also learning some DOM manipulation. It…
• p5 gameOfLife This is a project with different Game of Life implementations in Processing/Javascript p5.js, developped to train on Processing, Javascript…
• 3D animation A 3D generative art animation piece, built with P5.js
• pinball Planck.js was chosen in favour of matter.js, because of the tunneling happening during the collision between flipper & ball with the…
• cube space A game in which a player has to control a Red Cube while moving forward without bumping into Hurdles. LinkedIn, Facebook, Twitter…
• P5 Shooter Prototype A little shooter I made using p5.js and howler.js. All images and sounds from kenney.nl. Click to shoot and use the knockback from that to…
• hello processing simple game in p5.js
• Souper Card Game 2016 This is a website based off of FIFA's Ultimate Team (FUT) where your goal is to build the best draft possible from a virtual card deck of…
• Game of Life Conways Game of life representation in a web page. The Game of Life, also known simply as Life, is a cellular automaton devised by the…
• snake game This site is my version of the code challenge Snake Game from The Coding Train. You can control the snake with the arrow keys! Have fun!
• AngryBirds Angry Birds Game with JavaScript P5.js and Matter.js https://fuboki10.github.io/AngryBirds/
• flappy poop Flappy Bird Spoof with Score Index This repository contains source-code of Flappy Poop, a game based on flappy bird. I've also incorporated…
• flappybunny A flappy bird game, but with a bunny and a fake AI bot
• brickBreaker 🧱💣brick breaker game in p5.js
• Pong p5js Pong Game recreated with p5 JS.
• p5js shaders Shaders are a great way to make graphics for your projects. So far you have probably made graphic shapes like rect() or ellipse() or maybe…
• magic circle We all need extra tooling while developing creative coding projects. It's always hard and time consuming to make our own UI for every…
• FallShapes A few simple animations using a fall color pallet
• tower or tunnel p5.js animation loop with optical illusion.
• an open window cloud gazing in p5.js...
• gen24 Genuary is a month long online art fair for Generative art that happens every January. These are some sketches in P5.js that I made during…
• p5 mycelium1 Experiment 1 in generative art with code using P5.js
• my own nebula My-own-nebula is a project that was originally based on a PyCon 2018 conference and demo given by Emily Xie on making generative art with…
• agents Agent Pheromone Simulated Generative Art in JS
• chess Try to beat the artificial intelligence in the chess game. Add history to go back.
• pong My JavaScript implementation of the Pong game using p5.js Use W and S for the left player, and UP and DOWN for the right player. Feel free…
• tictactoe A javascript implementation of the Tic Tac Toe game using p5.js
• p5js matching game MATCH THAT NUMBER is a typing game written using the p5.js library. where the player needs to try and match the number that projects out…
• space invaders inspired by the old space invaders game
• Robby The Robber In Robby the Robber, you play as a theif. Your goal is to collect as many jewels as possible while avoiding the traps set out for you.
• Cycle Race In Cycle Race, your goal is to travel as far as possible without colliding with other cyclists.
• fleeingpenguin A small game made with p5js+webgl
• game of life This is my version of Conway's game of life using P5js. and this article from Quanta Magazine. So after that, I decided to do my own…
• MineSweeper This project is a classic Minesweeper game built using HTML, JavaScript, CSS, and p5.js.
• bubble monster Press SPACE to expand the bubble and capture particles. Capturing gold particles will increase the size of the bubble.
• tile guesser A game consisting of an 8x8 grid where the player attempts to select the yellow square. After selecting a square, it's colour is revealed…
• geniusSquare A digital implementation of the Genius Square game by the Happy Puzzle company
• colors A remake of a 2D platformer game I created in my sophomore year.
• P5 ShadowGame A p5.js game for a 24-hour gamejam. I'm completely new to p5.js and I'm learning as I go. The game can either be played with one or two…
• rock paper scissors A web-based rock paper scissors game using hand pose detection with ml5.js and p5.js. Players can play against the computer using hand…
• JSAsteroids You can run access the GitHub Page here and try it If you want to clone and run it yourself Install (use the node version 8.17.0 and npm…
• JSAsteroidsMachineLearning You can run access the GitHub Page here and try it (the save and load buttons wont work on the GitHub Pages version, you need to run it…
• switchGame A digital version of the board game "Switch" with an "AI" to play against
• FallingSand Simple falling sand game built with p5.js
• P5 NoseGame a ml5.js game
• do over drawing Stop worrying and start drawing. It's an interactive art experiment made by Chris Schnaars. Beyond that, I'm not sure? Is it a game? A…
• terra A small platform game explores a moving landscape, collectible orbs and a gated portal. The refresh makes the objective, controls and game…
• browser gamegameOfLife gameOfLife This project is based out of Conway's Game of Life. It is made by using Processing p5.js. Any live cell with fewer than two live neighbours…
• gameOfLife The purpose of this was to invent a neat way to showcase "The Game of Life, also known simply as Life, is a cellular automaton devised by…
• SnowGlobe Watercolor snow globe with P5 javascript snow animation Check main logic for creating particles
• SnowAnimation p5 javascript coded snow with one of my watercolors in background ability to capture snippets of the video change it to use webm like the…
• letters become the sea An ocean made of words. White characters drift and settle into a grayscale boat silhouette. Built with p5.js and a simple mapping from…
• p5js projects This repository contain a lot of (eventually) my interactive and generative art examples.
• p5.js art practice Trying out p5.js and creating random things with it. VScode extensions used : p5.vscode,p5js Snippets. Check this out here : (Works better…
• Chain Reaction The android game - Chain Reaction using p5.js
• first p5 game First time writing a P5.js game based on Alura's tutorial This project is built using P5.js library and as their documentation recommends…
• Ninja Killer Ninja Killer é um jogo desenvolvido em javascript usando p5.js, como trabalho final da disciplina de Lógica de Programação da UFRN.
• CollectTheSquares Simple game in JQuery / JS with P5.js [CANVAS] Just bring the black square to the orange one with cursor;)
• p5.js ball game A simple HTML5 game made with p5.js You have to run this using a local server such as Live Server for VScode or XAMPP. Just opening…
• match3GameP5js Match-3 game made using p5.js
• snake The classic snake game built using JavaScript.
• Catch Em Balls Catch 'Em Balls is an engaging game developed using p5.js, a JavaScript library for creative coding. In this game, players control a square…
• Magic Eraser p5.js experiment with erasable createGraphics() layer.
• Truth Bomb p5.js animation of strings expressing 100 human emotions.
• Geometric Motif Small Project creating gemometric motifs using p5.js functionalities. Each motif has randomly generated shapes rotated and translated…
• Cityscape Cityscape is a collaborative, generative artwork by the Creative Coding Amsterdam community using p5.js. Each contributor adds a unique…
• Out of Space Visualizer To what extent will development in technology create new ways for ads to intrude into our lives ? Are we moving towards a dystopian future…
• fractal mountain A single triangle transforms into a mountain. An equilateral triangle and recursively subdividing it into smaller and smaller triangles. As…
• Chladni Move mouse cursor to change the pattern params, and keys to change view options. This sketch uses this approximate solution by Rian Hunter.
• generative crystals This is the result of me working through Matthew Epler’s YouTube series Designing Generative Systems. You can find his code here and some…
• Shape painting This project uses the concept of generative art: art that in whole or in part has been created with the use of an autonomous system It aims…
• browser gameSuperMarioBros SuperMarioBros A work-in-progress remake of the original Super Mario Bros. for NES, in the browser using canvas and P5JS/P5.play (fork by islemaster)…
• Memory Game Memory Game is a simple game to train your memory and have fun while doing so. The game is written in JS using the p5.js library. Fun…
• fish game Made with p5.js. Eat as many fish as you can in under 1 minute. Or download the zip file.
• TRYHARDER "It's easy, isn't it?" - Me TRY HARDER is a web arcade game, written in p5.js with crazy visual effects and procedural generation, in which…
• tron Tron is a simple two-player game based on the arcade game and movie of the same name. The goal is to stay alive as long as possible, trying…
• NE escape jump Setting up a neural network to play escape-jump game and then evolving that neural network using neuroevolution algorithm in order to train…
• pong do morgs Uma releitura do jogo 'Pong', usando a biblioteca p5.js
• Asteroid Attack A 2D game where your spaceship is under attack by asteroids and your task is to shoot and break the asteroids to survive made with p5.js &…
• Imersao GameDev Alura Jogo desenvolvido utilizando Javascript e a biblioteca p5.js
• imersao gamedev Jogo desenvolvido durante a Imersão GameDev da Alura O projeto é feito utilizando a biblioteca p5.js. Essa biblioteca funciona com 2…
• rock paper scissors Inspired by Peter Ganunis' epic Rock-Paper-Scissors battles on TikTok, we tried to bring the action to your browser. This project was…
• Flashy Flashy is a simple 2D game. You have to pick up items to survive and avoid contact with enemies. But be careful. You are just equipped with…
• trapped Created for the GitHub Game Off 2021. A survival game about a fly trying to survive after mysteriously being sucked into a phone. Tilt your…
• gasteroids A mysterious horde of asteroids had been released upon Earth and unleashed terror among its inhabitants. You, an awarded space commander…
• bubbleverse Bubbleverse is an incremental game in development. It is still in an early stage. Link: I have tested on Chrome and Firefox (68.2.0esr) and…
• Oregon Trail A p5.js version of the Apple ][ Oregon Trail Game
• ant sugar A small generation of ant's (dynamic particle) tries to find the path for a sugar placed at some distance that have a obstacle. If ants…
• modal revolver A generative audio-visual artwork for fxhash. Concentric rings carry five rotating dials; each time a dial completes a revolution it…
• my sketches A collection of experiments in generative art, complex systems, emergent behavior and visualizations built with p5.js and WebGL for…