Three.js - 更新 Object3D 的網格顏色

Question

我有一個 Three.js Object3D ，我想更新它的顏色。

我最初使用MeshStandardMaterial構建網格並將其添加到場景中。 后來，我通過 ID 查找這個對象並從場景中檢索一個Object3D 。 此時如何更新網格的顏色 - 可能嗎？

如果我必須刪除 3D 對象並添加一個全新的對象 - 有沒有辦法從Object3D本身檢索最初用於構造它的幾何圖形？ 我寧願不存儲原始幾何圖形到對象 ID 的映射，因為這會使代碼變得混亂。 我能想到的一種選擇是將幾何體存儲在Object3D.UserData ，但這又是次優的，因為當前網格是在其他地方構建的 - 然后添加到場景中（用戶數據僅在添加到場景后才可用） .

Answer 1

我找到了一種將texture添加到Object3D 。

您可以映射children屬性來更新網格的材質。

    function onLoad(object) {
      // `children` is an array of `Mesh` than contain 1 or more Meshes
      object.children.forEach((mesh) => {
        if (!mesh) return;
        const material = mesh.material;

        material.map = ghostColorTexture;
        material.normalMap = ghostNormalTexture;
      });
    }

    const objLoader = new OBJLoader();

    objLoader.load(
      '/models/ghost/model/ghost.obj',
      onLoad,
      undefined,
      function (error) {
        console.error('error', error);
      }
    );

Answer 2

Object3D可以是由Geometry和Material組成的Mesh 。 如果要更新顏色，只需選擇該材質，並為其指定新顏色：

object.material.color.setHex(0xff9900); // Sets to orange

在文檔中，您可以看到.color是MeshStandardMaterial的屬性，而.material是Mesh的屬性