Repository files navigation

Desktop Support for p5.js via a New Processing Mode

This mode integrates p5.js into the Processing Development Environment (PDE) and provides a desktop runtime based on Electron.

• Run and stop p5.js sketches directly from Processing
• Electron-based embedded browser for rendering
• Error reporting in the editor
• Built-in examples (WIP)
• Syntax highlighting (Note: The current syntax highlighting system hasknown limitations and may change)
• Works on Linux, macOS, and Windows
• PNPM for Node package and dependency management
• Automatic installation of required tools:
  • PNPM
  • Node.js
  • Electron

• Export p5.js sketches as standalone desktop apps
• Useselectron-builder for packaging

1. Download the latest.pdex file from theReleases page.
2. Opening the.pdex file in Processing

• The mode is implemented inKotlin
• Mode-specific code lives in the top-levelp5js directory
• Build and distribution tasks are handled withGradle

See the wiki forarchitecture notes.

License information can be found inLICENCE.md.

This project was created by Stephan Max (@stephanmax) as part of the 2025 Building Bridges (pr05) Grant from the Processing Foundation. The project was mentored by Stef Tervelde (@Stefterv).

For more context, watch Stephan’spresentation at OpenAssembly 2025 and read hisblog post.