An in-browser viewer of various lighting techniques, ranging from stylized cartoon shading to photorealistic lighting models, applied to 3D objects in OBJ format.
Please note: The full source code is omitted from this public mirror to preserve academic integrity. It can be provided for review upon request.
- OBJ file loader
- Gouraud shader
- Phong shader
- Toon (cartoon) shader
- Normal mapping (vertex and fragment shaders)
| Control | Description |
|---|---|
| Choose a 3D OBJ | Select from built-in models (e.g. Stanford bunny, Utah teapot, sphere, hippo, head). |
| Choose a shading model | Switch the rendering pipeline (e.g., debugging wireframe, Phong, Toon, normal map). |
| Choose a light | Adjust the type of light source used in the scene (e.g. ambient, point, directional). |
| Apply a texture | Toggles different material textures (e.g. none, gravel, bark, stained glass). |
| Toon Outline Thickness | Alter the outline thickness (Toon shader only). |
-
Install Node.js.
-
Install dependencies.
npm install- Launch development server.
npm run startMaterial for CSCI 4611 Spring 2024 by Evan Suma Rosenberg is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.