WebGPU in Frameworks
Three.JS has an
experimental WebGPU renderer
Pixi.JS 8 comes with
WebGPU support
(stable as of March 2024)
Table of contents
Lea's first Gamedev talk
About Me
Agenda
I'm into Retro Computers
The Game
Why
Challenges
Approaches to WebGPU
Architecture
Can I use WebGPU?
Boulder Dash in EGA
Boulder Dash in CGA
Use of interfaces
Interface IRenderer
Interface ISoundMachine
Use Canvas2D for a quick MVP
Adding a WebGL implementation
Providing a Geometry
Rasterization
Pixel Shader
Shader demo
Moving to WebGPU
The WebGPU Flow
Render Pipeline
Begin the render pass
Submit!
Programming in WGSL
Shader functions
WebGPU Key Take-Aways
DEMO time
Peek into code
WebGPU in Frameworks
Learning Resources
Thank you!
