Menu
How can I achieve a similar effect (cel shading, comicbook) with three.js like the example?
Are there any lessons or example code?
Example http://demonraid.com/wolvie2/
520
Cel shading, cell shading, or toon shading is a type of non-photorealistic rendering designed to make 3-D computer graphics appear to be flat by using less shading color instead of a shade gradient or tints and shades.
In brief, Toon Shading, also known as Cel Shading, is a simplest non- photorealistic rendering technique to give mesh a cartoon look and the impression of hand drawn models in the final render. In animation field, Toon Shading technique has been used for years and recently applied to video game field.
The example you provide is very complex with several effects that make up the comic-like looks.
But if you can settle for a simpler look, then Three.js provides a ready made cel shader that you can combine with an outline effect: https://threejs.org/examples/#webgl_materials_variations_toon
The material is documented here: https://threejs.org/docs/#api/materials/MeshToonMaterial
And the outline effect is here: https://github.com/mrdoob/three.js/blob/master/examples/js/effects/OutlineEffect.js
132
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
