三.js dae 模型为黑色或深色答案

【问题标题】：three.js dae model is black or dark三.js dae 模型为黑色或深色
【发布时间】：2012-02-21 09:34:29
【问题描述】：

这是我的代码：

http://jsfiddle.net/zsitro/gYhrY/（只是为了展示......在小提琴中不起作用）

它可以加载： - THREE.js 内置平面和立方体以及一盏灯.. - 模型（1 个立方体和一个行走的生物）。

一切都好，但问题是这个生物几乎是黑色的（太黑了），而立方体完全是黑色的。如果我移除灯光，它会显示出它的纹理，并且怪物会更亮一点。

我找不到如何避免这种黑色的东西并使我的聚光灯工作的资源。

我认为聚光灯设置正确，因为下部立方体和轴线显示得很好（并按预期投射阴影）。

如果我切换光的方向 -> 除了红色立方体再次按预期投射阴影之外没有任何变化......

谁能帮忙？

【问题讨论】：

标签： 3d webgl three.js

【解决方案1】：

正在应用什么样的材料？弄清楚这一点，然后查看内部结构并修改一些受光照影响的属性。

一些好的起点是

    this.color = parameters.color 
this.ambient = parameters.ambient
this.specular = parameters.specular
this.shininess = parameters.shininess

这是一种 X 类型的材料。调整环境会提高基础亮度。

好的，我知道它是 MeshBasicMaterial。我会尝试将其更改为 phong 或 Lambert 材料并将环境值设置为大于默认值。

【讨论】：

【解决方案2】：

看着你的小提琴，我认为主要问题是你观察的角度，以及你有聚光灯但没有环境光的事实。尝试如下添加环境光，看看是否有帮助：

首先，您并没有在聚光灯上设置浅色，所以它只是刺眼的白色，所以您需要执行以下操作，这将对您有所帮助：

scene.add( new THREE.AmbientLight( 0x020202 ) );

如果还是太黑，试试类似的方法：

scene.add( new THREE.AmbientLight( 0x040404 ) );

一旦你找到了合适的平衡，你就会被设置好 :) 只要记住你的环境光是用 0xrrggbb 设置为十六进制的，所以如果你想把颜色中的所有东西减半，你可以使用 020202，但如果你想要更蓝，例如，你会使用 020204，只要记住它是你正在使用的环境光，并且很容易使场景中的光过度饱和，所以保持低，我通常坚持 0.2 * 我的点或方向光源（例如阳光、灯等）让我知道这是否有帮助:)

【讨论】：