WebGPUDemo icon indicating copy to clipboard operation
WebGPUDemo copied to clipboard

WebGPU demo for deferred rendering, cloth simulation, and particle effects

WebGPU Demo

https://user-images.githubusercontent.com/38842891/170631244-2958a061-4219-4a2f-945c-0dbb4b614d6f.mp4

Features

  • Deferred rendering
  • Cloth simulation (spring damper, compute shader)
  • Particles (compute shader)

Local Build

This project is built with Typescript and compiled using webpack and swc. Building the project requires an installation of Node.js.

  • Install dependencies: npm install.
  • Compile the project: npm run build.
  • Run the project: npm start which will start an electron.js window

Check out webgpu-samples and the official documentation/draft for basic WebGPU concepts and WGSL syntax.