From 0 to glTF with WebGPU Code

This repo contains the code for each post in my "From 0 to glTF with WebGPU" blog series. These repos all use my webgpu-webpack To run an example from its subdirectory you can simply run npm install followed by npm run serve. Then open Chrome Beta/Canary (or stable once 113 is out) and point it at localhost:8080.

Posts

The First Triangle

• Post
• JavaScript Code: 1-first-triangle
• App
• TypeScript Code: 1-first-triangle-ts
• App

Bind Groups

• Post
• JavaScript Code: 2-bind-groups
• App
• TypeScript Code: 2-bind-groups-ts
• App

The First Mesh

• Post
• JavaScript Code: 3-first-mesh
• App
• TypeScript Code: 3-first-mesh
• App

Drawing the Full glTF Scene

• Post
• JavaScript Code: 4-full-scene
• App
• TypeScript Code: 4-full-scene-ts
• App

Basic Materials and Textures

• Post
• TypeScript Code: 5-textures-ts
• App