2012-02-21 5 views
1

HERESに私のコード:three.jsのDAEモデルは黒または暗い

http://jsfiddle.net/zsitro/gYhrY/(単に表示する...フィドルで働いdoesntの)それは読み込むことができます

: - THREE.js作り付けの平面と立方体と光.. - モデル(1立方体と歩く生き物)。

それはすべて大丈夫ですが、問題は生き物がほぼ黒(暗闇)であり、立方体は完全に黒です。私がライトを取り除くと、そのテクスチャが表示され、モンスターは少し明るくなります。

この黒い物を避けて私の注目を集める方法を見つけることができません。

スポットライトが適切に設定されていると思います。下側の立方体と軸線がよく表示されているため(期待通りに影を落としているため)

私は光の方向に切り替える場合 - 赤い立方体を除く>何も変更を再び期待通りに影を落として...

誰でも助けることができますか?

答えて

0

どのような種類の材料が適用されていますか?内部を見てから内部を見て、照明によって影響を受けるいくつかのプロパティを変更します。

開始するにはいくつかの良い場所が、これはX型の材料である

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

です。周囲を調整すると、ベースの明るさが上がります。

いいえ、それはMeshBasicMaterialです。私はそれをphongまたはlambertの素材に変更して、アンビエント値をデフォルトよりも大きく設定しようとします。

+0

ありがとうございます。私はこれを試してみる.. – zsitro

0

あなたのフィドルを見て、私は主な問題は、あなたが見ている角度、そしてあなたがスポットライトを持っているが周囲光はないという事実だと思います。周囲光を追加して、次のような効果があるかどうか確認してください:

まず、あなたのスポットライトに明るい色を設定していないので、これはちょうど白ですので、次のようにします。あなたを助ける:

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

それはまだ暗すぎる場合は、何かしてみてください:あなたが適切なバランスを見つけたら、あなたは自分の周囲光が設定されていることを覚えておいてください:)に設定されます

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

を16進数で0xrrggbbであるので、色のすべてを半分にカットする場合は、0を使用します20202、しかし、あなたが青色をもっと欲しければ、020204を使用したいと思います。例えば、あなたが使用している周囲光であり、シーンの光を過飽和にするのは非常に簡単であることを覚えておいてください。 2 *私のポイントまたは指向性光源(例:日光、ランプ、何でも) これが助けてくれたら教えてください:)

関連する問題