Use Canvas2D for a quick MVP
Easy to use API, mainly
context.drawImage
, for quick results
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!
