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.

post-processing · r3f · react · threejs · webgpu
入门
GitHub在线演示
Stars:195
License:未知
更新:2025/12/25

README

React Three Fiber WebGPU Post Processing

by Anderson Mancini

screenshot

A very simple scene to demonstrate how to integrate Threejs WebGPU with React Three Fiber using Post Processing effects. See the demo here

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)

npm install

Run this command in your terminal to open a local server at localhost:3000

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!