Pixel is an integrated developer environment (IDE) for p5js. It includes a timeline debugger, vector drawing tool, and runs as a desktop application on Mac, Windows, and Linux.
Download v1.0.1:
See Releases for more info.
Pixel helps you debug complicated animations by saving snapshots of your sketch. You can click on any frame in the timeline to see what value your variables are at that point, which is useful for debugging.
general-edited.mov
Pixel also includes a vector drawing tool that lets you draw shapes with your mouse and paste them in as p5js commands in the editor:
vector-drawing-edited.mov
To run Pixel in development mode, clone the repo and run:
$ npm install
$ npm starthttps://dev.to/erikhofer/build-and-publish-a-multi-platform-electron-app-on-github-3lnd