Skip to content

p5js-beta-04

Latest

Choose a tag to compare

@stephanmax stephanmax released this 22 Oct 15:08
· 2 commits to pr05-poc since this release
41b0492

Bug Fixes

  • The sketch now starts in the correct size set by createCanvas(<width>, <height>): screens with different kinds of pixel density should work, as I rely on the CSS pixels in the canvas’ style object rather than the device pixels in width/height attributes
  • Examples can now be run directly after opening and without saving them first. Since we need to copy Electron files into the example and create node_modules, a sketch cannot be read-only like example sketches are. Therefore, opened examples are copied into a temporary folder before run.

Installation

Tested with Processing 4.4.7 on MacOS Monterey 12.7.6 and Windows 10.

  1. If you have installed this mode before, make sure to remove the modes/p5js folder in your Processing sketchbook for a smoother re-install.
  2. Download the released .pdex file down below.
  3. Double-click the .pdex file to install the mode.
  4. When Processing starts up, click Yes in the dialog to confirm installation. The mode will be placed in your Processing sketchbook folder.
  5. Restart Processing.
  6. In Processing, open the mode dropdown and select p5.js.
  7. The mode tries its best to ensure the presence of the necessary tools pnpm and Node. Wait until the status bar in the Processing editor notifies you that the setup is complete. You can then code and run your sketch.

You can find more information—including a little demo video—in the mode’s README.

For feedback, feel free to drop us a line at [email protected] or raise an issue.