This post originally posted on the Real-Time Rendering blog about the Interactive Rendering class.
New Year’s Teapot
So, here’s my New Year’s thingy for you to try out:
[Mac/Safari users: follow these simple instructions to enable WebGL on your machine. Other users: if stuck, try this site.]
Nothing deep, as it’s meant for teaching about Gouraud vs. Phong shading: the mouse changes the view (left: trackball, right: pan, middle: zoom), there are a few keyboard controls to switch from vertex to pixel shading and change the tessellation, a GUI for messing with the model and scene, and a little FPS counter in the corner. If the mouse or GUI doesn’t work the first time, hit refresh (and if anyone knows a fix for this glitch, speak!). If you see the FPS counter consistently below 60 FPS for your machine, please let me know your hardware configuration.
The heresies I commit in this program:
- You can add a bottom to the teapot (SJ Baker’s excellent page considers this a major sin).
- You can expand the lid 7.7% horizontally to give a solid seal between the teapot and the lid (this gap looks goofy to unbelievers).
- You can scale the model up by 30% so it actually looks more like the real teapot (read the end of this section for one explanation of why the model was changed – short version: Blinn hack to adjust for non-square pixels).