javascript - Three.js - 获得低多边形外观

Question

我正在尝试生成一些低多边形风格的地形，供引用，这种风格:

我的意思是每个三 Angular 形都是一个阴影。

当我尝试这样的事情时，阴影非常平滑。这是一个只有几个三 Angular 形的例子:

_{(来源:willdonohoe.com)}

我也尝试添加阴影，但这也没有产生预期的效果。这是一个带有更多三 Angular 形并添加了阴影的镜头:

_{(来源:willdonohoe.com)}

查看 Three 文档，materials 类的 shading 属性听起来可以解决问题，但 THREE.FlatShading 和 THREE.NoShading 似乎没有任何效果。

创建此效果需要使用特殊技术吗？如果您能指出我的方向，我们将不胜感激。

你可以找到我的第一个演示 here

非常感谢，

将

Answer 1

编辑:这个答案已经过时了。更新:

material.shading = THREE.FlatShading 现在是 material.flatShading = true。

您修改了PlaneGeometry 的顶点位置。

要使用 MeshLambertMaterial 生成平面着色，您必须通过调用更新法线

geometry.computeFlatVertexNormals();

对于其他 Material ，只需设置 material.flatShading = true 就足以获得平面外观。

three.js r.87