// 創建標簽
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('webgl');
// 加載3D模型
var loader = new THREE.GLTFLoader();
loader.load('myModel.glb', function(model) {
// 添加3D模型到場景中
var scene = new THREE.Scene();
scene.add(model.scene);
// 設置相機位置和旋轉角度
var camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 1, 2000);
camera.position.set(0, 0, 50);
// 創建渲染器
var renderer = new THREE.WebGLRenderer({ canvas: canvas });
// 渲染
var animate = function () {
renderer.render(scene, camera);
requestAnimationFrame(animate);
};
animate();
});