WebGL Cel Shading
Personal projects | | Links: Try it | Source
Overview
Type : Personnal
Technology : Javascript, WebGL, GLSL
Project
The objective was to incorporate cel shading rendering combined with shadow mapping.
To achieve cel shading, an outline is generated around the model by rendering it slightly enlarged and with back-face culling activated. Following this, the teapot is rendered with a basic shadow thresholding technique.
For the implementation of shadow mapping, I adapted the approach outlined in the LearnOpenGL shadow mapping tutorial to suit the commands available in WebGl.
Feel free to experiment with the implementation Here.