Providing a Geometry
-1, 1
1, 1
-1, -1
1, -1
We put the screen into a rectangular geometry
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!