:sparkles: WebGL palette/toon shader demo using TypeScript and three.js
Deprecation note - this is old code using an early version of TypeScript. It will probably take some work to get building.
This is a single pass palette shader demo made using TypeScript, WebGL and three.js. It does phong shading on the scene and then indexes into a palette texture based using the fragment luminance for the final colours. The implementation extends the default three.js phong shader to do this.
The demo moves a directional light over a model of a city to showcase the effect. Try it out here: https://www.samcodes.co.uk/webgl/palette-shader/
For building I recommend the latest version of Visual Studio (2015 preview) with integrated TypeScript support. All libraries and type definitions are included in the jslib and tslib folders. The common submodule is currently used only for icons and artwork on my personal website.
Heatmap palette:
Purple palette:
