Interactive 3D with Three.js BatchedMesh and WebGPURenderer

This project is a simple demo that focuses on the recent WebGPURenderer from Three.js, as well as the use of the BatchedMesh object. It also features the use of some new version of the post-processing. The project is built using Vite and React.

Demo

https://tympanus.net/Development/Batchedmesh

Article

https://tympanus.net/codrops/?p=81678

Installation

To get started, clone the repository and install the dependencies:

git clone https://github.com/ULuIQ12/codrops-batchedmesh.git
cd codrops-batchedmesh
npm install

Build and Run

npm run dev

or

npm run build

Code

Check the Demo.ts file for the demo code

Features

• Utilizes the latest WebGPURenderer from Three.js (r169).
• Demonstrates the use of BatchedMesh for efficient rendering.
• Includes advanced post-processing techniques.
• Built with Vite and React for a modern development experience.

Acknowledgements

• Skybox is https://polyhaven.com/a/rustig_koppie_puresky

License

This project is licensed under the MIT License.