Khudiiash's WebGPU Renderer

An awesome WebGPU renderer !
View Demo · Report Bug · Request Feature

About The Project

A WebGPU 3D renderer for web.

For a few years, we were stuck developing games on WebGL, and now WebGPU seems to be a breath of fresh air !

frustum_occlusion.mp4

skinning_and_grass.mp4

webgpu_renderer.mp4

first_person_forest_walk.mp4

Getting Started

1. Clone the repo

   git clone https://github.com/khudiiash/webgpu-renderer.git

2. Install NPM packages

   npm i

3. Run

   npm run dev

Nearest Features Tracking

• shader library
• standard material
• instancing
• directional lights
• point lights
• model loading
• camera controls
• render graph
• shadow pass
• occlusion pass
• VAT animation
• point lights
• normal mapping
• cube mapping

Roadmap

• Typescript
• VAT
• PBR
• Multisampling (AutoLOD)
• Global Illumination (Radiance Cascades)

See the open issues for a full list of proposed features (and known issues).

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Top contributors:

License

Distributed under the MIT License. See LICENSE for more information.

Contact

khudiiash - u/mitrey144 on reddit - https://github.com/khudiiash

mebyz - u/mebyz on reddit - https://github.com/mebyz

Acknowledgments

• WebGPU