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
  • 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