In toon-shading/ is a typescript webgl project that emulates the work described in the 2000 paper Stylized Rendering Techniques for Scalable Real-Time 3D Animation.
You can see the live demo here: https://nbbeeken.github.io/graphics/
The current production build of the project can be found in the docs/ folder.
A quick way to try it out locally is to clone this repo and open the docs/index.html file in a modern browser.
Refer to the readme inside for information on how to run / build the project locally.
- Chrome 78+
- Firefox 71+
- three.js - A modern 3D rendering library
- Usage: Shader uniform setter, Basic 3D Geometries, Projection matrix (camera), Controls
- dat.gui - A simple gui for changing parameter values
- Usage: change values for shading, shapes, and performance
- stats.js
- Usage: adds an FPS counter to the corner of the webpage
- typescript*
- Usage: The language provides modern JS practices as well as compile time type checking drastically improving developer well-being ☕
- webpack*
- Usage: Build tool, compiles typescript, bundles javascript, minifies everything
*Not really a library
Adam Lake, Carl Marshall, Mark Harris, and Marc Blackstein. "Stylized Rendering Techniques for Scalable Real-Time 3D Animation." Proceedings of the First International Symposium on Non-Photorealistic Animation and Rendering - NPAR 00, 2000. http://www.markmark.net/npar/npar2000_lake_et_al.pdf