Approaches to WebGPU
Native WebGPU API
Using a Library (Three.JS, Babylon.JS, Pixi.JS)
WebGPU as a compile target (eg. Unreal Engine + Emscripten)
This talk focuses on the native APIs.
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!
