npm install babylonjs @babylonjs/loaders

import { SceneLoader, Engine, Scene, ArcRotateCamera, HemisphericLight } from ‘babylonjs';
import ‘@babylonjs/loaders'; // 確保已安裝并導入加載器庫

const canvas = document.getElementById(‘renderCanvas'); // 獲取渲染用的canvas元素
const engine = new Engine(canvas, true);
const scene = new Scene(engine);

const camera = new ArcRotateCamera(‘camera', Math.PI / 2, Math.PI / 2.5, 5, new BABYLON.Vector3(0, 0, 0), scene);
camera.attachControl(canvas, true);

const light = new HemisphericLight(‘light', new BABYLON.Vector3(1, 1, 0), scene);
light.intensity = 0.7;

SceneLoader.ImportMesh('', ‘path/to/your/model.gltf', ‘', scene, (meshes) => {
meshes.forEach(mesh => {
// 可以在這里對導入的模型進行進一步處理
scene.addMesh(mesh);
});
});

engine.runRenderLoop(() => {
scene.render();
});

window.addEventListener(‘resize', () => {
engine.resize();
});