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

Question

我怎样才能达到类似效果（cel shading，漫画书）和three.js这样的例子？

是否有任何课程或示例代码？

示例 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