//下方為簡單場景的加載
import { Viewer } from "../Threejs/index";
export class Index extends Viewer {
  constructor(options) {
    super(options);
    this.initModel();
  }
}

//vue文件
//初始化
const init = () => {
  const el = refmap.value;
  sceneA = new Index({
    el: el as HTMLElement,
    tween: TWEEN,
    path: "../public/scene/", //基礎路徑
  });
  setScene(1);
};
//切換場景
const setScene = (id) => {
  switch (id) {
    case 1:
      sceneA.setScene(1, () => {
          //場景加載成功回調(diào)
      });
      sceneA.flyTo({ //相機位置
        position: [0, 5, 6],
        controls: [0, 0, 0],
        duration: 2000,
      });
      break;
    default:
      break;
  }
};

[
  {
    "name": "mool", //名稱
    "target": false, //是否被鼠標拾取
    "layeridx": 1, //場景id
    "scale": 1, //場景縮放
    "positionX": 50, //場景初始位置
    "positionY": 120,
    "positionZ": 170,
    "layers": [ //場景模型配置對象
      {
        "name": "./glb/building1.glb"
      },
      {
        "name": "./glb/building2.glb"
      }
    ]
  }
  ......
]

constructor(options) {
    super(options);
    this.initModel();
    //這是在加載場景模型之前執(zhí)行的回調(diào)，所以建議放在初始化類時完成回調(diào)的注冊，這樣會在模型加載過程中遞歸去修改模型
    this.model.deepFunction.push(({ e , item }) => {
     // e:模型碎片Mesh / item:場景配置文件
      e.scale.set(300, 300, 300);
    });
}

sceneA.setScene(1, () => {
    //場景加載成功回調(diào)
    sceneA.initEnvironment({
      path: "exr.exr",
      type: "exr",
    });
});

//加載glb/gltf模型
this.model.loadModel(
  "../public/scene/glb/walk.glb",
  this.sceneidx,
  (glb, animations) => {
    glb:為模型對象
    animations:模型動畫
    ...模型自定義修改
  }
);
//加載fbx模型
this.model.loadFbxModel(
  "../public/scene/glb/walk.fbx",
  this.sceneidx,
  (fbx, animations) => {
    fbx:為模型對象
    animations:模型動畫
     ...模型自定義修改
  }
);

//執(zhí)行場景下的所有動畫
this.model.playAllClipes(this.sceneidx);//傳入場景的id
//執(zhí)行某名稱的動畫
this.model.playNameClipes(this.sceneidx,'mool');//傳入場景的id和動畫名稱