WebGPU Forward+ & Deferred Renderer

Source code:

https://github.com/luoluobuli/CIS565-Project4-WebGPU-Forward-Plus-and-Clustered-Deferred

Web demo:

https://luoluobuli.github.io/CIS565-Project4-WebGPU-Forward-Plus-and-Clustered-Deferred/

This project includes three rendering methods: Naive(Foward), Forward+, and Deferred shading. Naive shading is the most straightfoward one, where every light affects every pixel. Forward+ shading accelerates it by dividing the view into small 3D clusters so that each pixel only uses the lights in its own cluster. Deferred shading goes a step further by first saving surface information like color and normal into textures, then using those to apply lighting in a second pass.