processing/p5.js-website

Instructions for using WebGPU addon

Open

#1,290 opened on Mar 31, 2026

View on GitHub
 (7 comments) (2 reactions) (0 assignees)MDX (292 forks)auto 404
Feature RequestHelp Wanted

Repository metrics

Stars
 (91 stars)
PR merge metrics
 (PR metrics pending)

Description

Increasing Access

We recently added WebGPU-specific APIs to p5 (https://github.com/processing/p5.js/pull/8531) that will be in the 2.3 release. To use them in their own sketch, they will have to add the addon. Currently there is no instruction on how to do this on the website, so we should provide some guidance.

Most appropriate sub-area of p5.js?

Home

Feature request details

Some possibly things this could include:

  • Mentioning the CDN link for webgpu on the download page
  • Linking to the p5 web editor with the addon already included (may need some work on the web editor side)
  • Maybe linking to that info when on a reference page tagged with webgpuOnly
  • Maybe when you copy code from a webgpuOnly reference example, it should auto-add a comment to the top of the copied code saying to remember to include the webgpu addon?

In any messaging, we should be referring to this addon as experimental -- like p5.strands as a whole, we expect this API to change as we get more feedback on it. Exposing it in this early stage is intentional so that we can get contributors and feedback. We encourage people to get involved! We just also want to set the right expectations.

Contributor guide