2015-03-02 384 views
0

我正在使用Three.js加載.obj + .mtl文件以在瀏覽器中查看3D模型。 目前在一開始,我會很高興,如果有人可以幫助一點:)Three.js透明對象和顏色變化(加載.obj + .mtl)

兩件事情我還不明白:

The model on which I am working(需要用鼠標拖動)

  1. 在場景開始時,對象是透明的,並且能夠看到它需要拖動

  2. 如何更改ob中的黑色顏色JECT? (下面有一個畫面黑色)

我的目標是使它看起來或多或少like here in sketchfab

大部分的代碼是從腳本教程城堡例如ׂ(在上面寫的頁面)

我會感謝任何信息或指導。

回答

0

編輯:現在我看你已經玩過一些了,只要注意MTL的提示。

您是否嘗試過修改環境/定向燈組件或添加它們?它看起來像你必須配置如何輕到你的模型。

ambient = new THREE.AmbientLight(0xFFFFFA); //most black 
    scene.add(ambient); 

    var directionalLight = new THREE.DirectionalLight(0xffeedd); //to see shaders 
    directionalLight.position.set(0, 0, 1).normalize(); //front of scene 
    scene.add(directionalLight); 

您還可以在mtl文件中手動更改材料的Ks和Ke組件。一個常見的問題是,他們配置這樣的默認:

Ks 0.0000 0.0000 0.0000 
Ke 0.0000 0.0000 0.0000 

而且他們可能會與像1而不是0一些其他值,以糾正光的反射率。

您也可以有意在現場爲中心的OBJ,你可以通過設置上的東西你的模型的負載位置像

var loader = new THREE.OBJMTLLoader(); 
        loader.load('models/'mymodel.obj', 'textures/mymodel.mtl', function (object){ 

//after the load of your model you can modify it's initial position by 
        object.position.set(0,0,0); //in one step 
        object.position.y = -80; //or by separated components 
        scene.add(object); 

}); 

做到這一點,或者您也可以通過

修改攝像頭參數
camera.position.z = 550 ; //for example 

我希望你能做些什麼。