Code.org fork of molleindustria/p5.play for use within the Code Studio learning environment.


421.3.20-cdo2 months ago5 years agoMinified + gzip package size for @code-dot-org/p5.play in KB


Build Status

This is the Code.org fork of p5.play. You can check out the main project here!

p5.play is a p5.js library for the creation of games and playthings.

You can find examples and more information at code-dot-org.github.io/p5.play.

p5.play provides a Sprite class to manage visual objects in 2D space and features such as animation support, basic collision detection and resolution, sprite grouping, helpers for mouse and keyboard interactions, and a virtual camera.

p5.play extends p5.js, a javascript library (and a community) that aims to make coding accessible for artists, designers, educators, and beginners. If you are not familiar with p5.js, you should start at p5js.org/tutorials.


The following documentation is for developing p5.play itself. If you want to use p5.play, please see code-dot-org.github.io/p5.play.

Quick Start

First install node.js. Then run:

npm install
npm start

Your web browser should open to a welcome page. If it doesn't, visit localhost:8080 in your browser.

Unit Tests

To run the unit tests in your browser, visit localhost:8080/test.

To run them from the command-line, use npm test.


The docs can be found at localhost:8080/docs or via the "Reference" link on the quick start welcome page.

Use npm run docs to regenerate the local documentation using YUIDoc.

A (mostly current) copy of the docs is also hosted at code-dot-org.github.io/p5.play/docs.


Several example sketches are available at code-dot-org.github.io/p5.play/examples.

You can try these examples against your local copy of p5.play at localhost:8080/examples or via the "Examples" link on the quick start welcome page.

Publishing a New Version

Run npm version <newversion> to publish a new version. This repository has preversion, version, and postversion scripts (see package.json), so this method is preferred over npm publish.

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.