The p5.js Editor is a simple coding environment designed for new programmers to get started with p5.js. It's modeled off of the Processing editor, and intended to provide a similar experience.
To get started, download the editor here, and visit p5js.org for more info on p5.js.
When you're ready to get started, follow the direction below:
git clone https://github.com/processing/p5.js-editor
npm install
cd public
and then npm install
npm install gulp -g
gulp
npm run app
Most development takes place in the app
folder. Gulp will watch the files in the app folder, then bundle them up with Browserfiy, and send the results to the public
folder.
The public folder contains the package.json
for the application window, as well as the base index.html
file for the application.
Below you'll find documentation for the different libraries we're using
Just run the gulp task:
gulp build
This will build Mac and Windows versions of the editor, and place them in dist/
. Please note that due to an issue with file path lengths (to be fixed, evidently in the next version of npm), Mac users may run into an issue building the Windows version. To fix this install and run flatten-packages
:
npm install -g flatten-packages
cd public
flatten-packages
And then run gulp build
from the root directory of the project.