使用three.js（cel shading）实时漫画书着色器

Question

如何像示例一样使用three.js 实现类似的效果（cel 着色、漫画书）？

有课程或示例代码吗？

示例 http://demonraid.com/wolvie2/

Answer 1

您提供的示例非常复杂，有多种效果构成漫画般的外观。

但是，如果您可以满足于更简单的外观，那么 Three.js 提供了一个现成的 cel 着色器，您可以将其与轮廓效果相结合：https://threejs.org/examples/#webgl_materials_variations_toon

材料记录在这里：https://threejs.org/docs/#api/materials/MeshToonMaterial

而轮廓效果在这里：https://github.com/mrdoob/three.js/blob/master/examples/js/effects/OutlineEffect.js