threejs-更改已加載的3d對象的不透明度

Question

我將3d對象模型加載到three.js場景中，如下所示：

var skull;

var loader2 = new THREE.ObjectLoader();

loader2.load(
    'skull.json', 
    function(object) {
        skull = object;
        scene.add(skull);
    }

);

如何動態處理模型的不透明度？ 我已經看過skull var了，但是找不到任何與不透明有關的東西。

任何想法我該怎么做？

Answer 1

如果skull是網格skull.material.opacity = 0.5 （這取決於JSON文件的內容），那么足以更改skull.material.opacity = 0.5 。 3D模型文件通常包含多個對象，在這種情況下，您需要遍歷它：

skull.traverse((node) => {
  if (node.isMesh) {
    node.material.opacity = 0.5;
  }
});

請參閱文檔THREE.Material和THREE.Object3D 。 three.js r91。