Testers Wanted 💚

p5.js version 2.4 will be ready soon. Help testing it by trying your existing sketches with the new version, or by trying out the upcoming features! This is a release candidate (RC), which means it is not yet live on the p5.js Editor. Your help with testing now will help make the release more stable!

To help with testing, you can use this starter sketch.

Or load both p5.js and WebGPU mode by adding these two script tags to your sketch:

<script src="https://cdn.jsdelivr.net/npm/p5@2.4.0-rc.3/lib/p5.js"></script>
<script src="https://cdn.jsdelivr.net/npm/p5@2.4.0-rc.3/lib/p5.webgpu.js"></script>

Then load WebGPU mode in createCanvas - note the async/await, this is needed for WebGPU but not WebGL:

async function setup() {
  await createCanvas(400, 400, WEBGPU);
}

Testing this Release

A few features that are planned for 2.4 are still in progress. Check the changes below, test with existing sketches or by writing new sketches that use new functionality (like SVG, p5.strands instancing, custom loading animations, or multi-material 3D models), and report any issues you find to help prepare this version for release.

🎊🎉 Please check the last Release Candidate's full notes for all the detailed information!

Since the previous release candidate

• fix(strands): preserve loop state updated before break by @bhabishnu in #9354
• Fix paletteLerp() returning undefined outside p5.strands by @LalitNarayanYadav in #9347
• Fix storage element type check and FES parameter data for createStorage/buildComputeShader by @aashu2006 in #9355
• Keep dependencies as package imports in the dist build by @Akshats-git in #9351
• Make media elements and createCapture() work in WebGPU by @davepagurek in #9358

Full Changelog: v2.4.0-rc.2...v2.4.0-rc.3