Examples Explore the possibilities of p5.js with short examples. Featured White circles on a black background, with varying degrees of transparency.

p5.js a JS client-side library for creating graphic and interactive experiences, based on the core principles of Processing.

p5.js is a friendly tool for learning to code and make art. It is a free and open-source JavaScript library built by an inclusive, nurturing community. p5.js welcomes artists, designers, beginners, …

Get Started A tutorial that introduces basic p5.js functions and guides you through the steps to create an interactive landscape.

This example includes each of the primitive shapes. It also includes a model from NASA’s collection. Geometries: Revised by Caleb Foss. Edited and maintained by p5.js Contributors …

Ping Pong: Created by Caleb Foss. From 2024 onwards, edited and maintained by p5.js Contributors and Processing Foundation. Licensed under CC BY-NC-SA 4.0. You can find the …

Image and GIF files contain information that can be used to display or modify them in a p5.js project. In this tutorial you will create an interactive animation using media and learn to: …

In Snake games, the player controls the movements of a snake, represented in this example by a green line. The player’s goal is to collide the snake with a fruit, represented by a red dot.

通过简短的示例探索 p5.js 的可能性。

Here, you'll find a diverse array of work that interpret connection through p5.js, demonstrating how p5.js supports a diverse community of coders from all-levels through an accessible site.