THREE.js 平面着色但有阴影？答案

【问题标题】：THREE.js flat shading but with shadows?THREE.js 平面着色但有阴影？
【发布时间】：2016-11-08 19:00:14
【问题描述】：

我希望使用 Three.js 创建一个 1 位或黑白颜色效果，其中所有阴影（投射、接收和自身）都是可见的/黑色的，但所有材料都有平坦的白色阴影并与（也白色）背景。我尝试使用THREE.MeshBasicMaterial，但它不喜欢阴影和THREE.ShadowMaterial，但它使材料不可见，我需要它在那里（但不断“平坦”），就像在这个例子中：

就阴影而言，它们也应该以 1 位的方式表现，并且只有实心（超过 50% 的灰色时？）或不可见。

有什么想法可以达到这样的效果吗？有人要分享着色器吗？

我的笔：http://codepen.io/znak/pen/bpxXrV?editors=0010

【问题讨论】：

标签： three.js

【解决方案1】：

这个问题其实很容易通过增加光照强度来解决：

sun = new THREE.DirectionalLight( 0xffffff, 1000 );

示例：http://codepen.io/znak/pen/bpxXrV

【讨论】：