https://github.com/ektogamat/r3f-webgpu-starter
React Three Fiber WebGPU Post Processing by Anderson Mancini. A very simple scene to demonstrate how to integrate Threejs WebGPU with React Three Fiber using Post Processing effects.
https://github.com/ektogamat/r3f-webgpu-starter
post-processing r3f react threejs webgpu
Last synced: 12 months ago
JSON representation
React Three Fiber WebGPU Post Processing by Anderson Mancini. A very simple scene to demonstrate how to integrate Threejs WebGPU with React Three Fiber using Post Processing effects.
- Host: GitHub
- URL: https://github.com/ektogamat/r3f-webgpu-starter
- Owner: ektogamat
- Created: 2025-01-09T16:28:12.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-13T01:41:43.000Z (about 1 year ago)
- Last Synced: 2025-04-06T10:38:17.671Z (12 months ago)
- Topics: post-processing, r3f, react, threejs, webgpu
- Language: JavaScript
- Homepage: https://r3f-webgpu-post-processing.vercel.app/
- Size: 3.4 MB
- Stars: 105
- Watchers: 3
- Forks: 14
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Three Fiber WebGPU Post Processing
by Anderson Mancini
[](https://r3f-webgpu-post-processing.vercel.app/)
A very simple scene to demonstrate how to integrate Threejs WebGPU with React Three Fiber using Post Processing effects.
[See the demo here](https://r3f-webgpu-post-processing.vercel.app/)
### Getting Started using this demo project
Download and install Node.js on your computer (https://nodejs.org/en/download/).
Then, open VSCODE, drag the project folder to it. Open VSCODE terminal and install dependencies (you need to do this only in the first time)
```shell
npm install
```
Run this command in your terminal to open a local server at localhost:3000
```shell
npm run start
```
### Can you leave a star please?
I genuinely appreciate your support! If you're willing to show your appreciation, you can give me a star on GitHub 🎉 or consider buying a coffee to support my development at https://www.buymeacoffee.com/andersonmancini. The funds received will be utilized to create more valuable content about Three.js and invest in acquiring new courses. Thank you for your consideration!