Twinklebear / webgpu-0-to-gltf

Code for my From 0 to glTF with WebGPU blog series

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
• TypeScript Code: 1-first-triangle-ts

Bind Groups

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

The First Mesh

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

Drawing the Full glTF Scene

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