q5.js WebGPU v4.0 Released!

q5 is the fastest, most beginner friendly 2D graphics library on the web!

“Uh… what is q5?” 😅

q5 is the fastest, most beginner friendly 2D graphics library on the web! It was inspired by p5.js and Processing.

“What’s WebGPU?”

WebGPU is a powerful, relatively new way to render graphics in canvas elements. It’s meant to supersede WebGL.

What’s New in v4.0?

The initial release of q5 WebGPU was a bit rough around the edges, but after 8 months of refinements, I’m excited to release v4!

• v3.1: added new shaders for highly efficient drawing of circles, ellipses, arcs, rects, rounded rects, lines, and capsules

• v3.2: fixed performance issues and crashes by recycling memory, instead of creating and discarding buffers every frame

• v3.3: added the ability to render to the canvas during preloading

• v3.5: introduced a better way to start WebGPU sketches in JavaScript modules

• v3.6: added separate documentation for the WebGPU renderer and fully eliminated the need for setup and preload functions

• v3.8: added Spanish translations of all descriptions and code examples in the docs

Now in v4.0, q5’s WebGPU renderer is the star of the show!

WebGPU is the default renderer when a q5 sketch is created in a JavaScript module.

<script type="module" src="sketch.js"></script>

You can now start q5 WebGPU sketches with just one small line of code.

await Canvas();

The interactive documentation for q5 WebGPU is now the default on q5js.org/learn.

Share your creations on the q5 Discord server!

Upcoming Releases

Are you excited to start using q5play? (a JS game engine that will use q5)

q5play v4 beta and my first draft of Learn q5play will be released soon!

Also, here’s a sneak peek at the q5 Web Editor, which goes live later this week!

Subscribe to be notified of these upcoming releases.