https://github.com/yuu6883/webgpudemo
WebGPU demo for deferred rendering, cloth simulation, and particle effects
https://github.com/yuu6883/webgpudemo
cloth-simulation deferred-rendering particles webgpu
Last synced: 5 months ago
JSON representation
WebGPU demo for deferred rendering, cloth simulation, and particle effects
- Host: GitHub
- URL: https://github.com/yuu6883/webgpudemo
- Owner: Yuu6883
- License: mit
- Created: 2022-05-27T03:31:01.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-07-13T20:24:19.000Z (over 2 years ago)
- Last Synced: 2023-07-13T21:28:11.407Z (over 2 years ago)
- Topics: cloth-simulation, deferred-rendering, particles, webgpu
- Language: TypeScript
- Homepage: https://yuu6883.github.io/WebGPUDemo/
- Size: 938 KB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# WebGPU [Demo](https://yuu6883.github.io/WebGPUDemo/)
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](https://www.typescriptlang.org/)
and compiled using [webpack](https://webpack.js.org/) and [swc](https://swc.rs/). Building the project
requires an installation of [Node.js](https://nodejs.org/en/).
- 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](https://github.com/austinEng/webgpu-samples) and the official [documentation/draft](https://gpuweb.github.io/gpuweb/) for basic WebGPU concepts and WGSL syntax.**