p5.js
Tools, libraries, and utilities for the p5.js creative coding framework
Command Line Tools
p5 Server
Command-line tool that runs p5.js sketches with live reload and automatic library inclusion.
ⓘnpm install -g p5-server# Install globally
npm install -g p5-server
# Create a new sketch
p5 create my-sketch
# Run a server with live reload
p5 serve --open
# Run a sketch in split view mode
p5 serve sketch.js --theme split
# Create a screenshot of a sketch
p5 screenshot my-sketch.js
# Build a static site of p5.js sketches
p5 build --theme grid
# Run a server with live reload
p5 serve --open
# Run a sketch in split view mode
p5 serve sketch.js --theme split
# Create a screenshot of a sketch
p5 screenshot my-sketch.js
# Build a static site of p5.js sketches
p5 build --theme grid
Libraries
p5.layers
Simplifies use of createGraphics and p5.js Renders objects for drawing layers.
p5.rotate-about
Adds rotateAbout() and scaleAbout() functions for rotating and scaling around a point.
ⓘp5.vector-arguments
Modifies p5.js Shape functions to accept p5.Vector instances as arguments.
Other Projects
P5 Server VSCode Extension
Create and run p5.js sketches within Visual Studio Code with integrated development server and browser.
ⓘAbout p5.js
p5.js is a JavaScript library that makes coding accessible for artists, designers, educators, and beginners. It's a reinterpretation of Processing for the web, focused on creative coding and visual arts.
Visit the p5.js website to learn more about the framework.