Please use a browser that supports ES6 JavaScript (i.e. no old IE)
- Left-lick and hold to move the bunny around.
- Scroll your mousewheel to translate the bunny along the Z axis
- Right-click and hold to rotate the bunny around.
- Auto-rotating light (stop the rotation by pressing 'p')
- Auto-panning spot-light (stop the panning by pressing 's')
- Reset bunny position by pressing 'r'
- Sloppy implementation of Blinn-Phong shading
Thank you Red Bull, Starbucks Espresso, and these online resources:
- Computer Graphics Lecture of Louisiana State University
- Geert Arien's Article on Blinn-Phong Shading
- Utility function for setting uniform 3 vector
Perhaps, the most notable acknowledgement goes to Geert Arien. Despite giving a tutorial on Blinn-Phong lighting on a cube, his methods are applicable elsewhere (e.g. Stanford Bunny)
Clone, Run index.html
on your favourite browser (except for IE).
Despite understanding the principles of Blinn-Phong Lighting, I still struggle to implement it. There was a lot of trial and error being done for the vertex and fragment shader components. I could have mess around with the values that make up the ambient, light, and surface colours. But, I don't have enough time. Also, being under serious time pressure, I decide to leave the project as it is.