|
|
|
@ -81,6 +81,9 @@ export default {
|
|
|
|
|
// scene.add(css2DObject);
|
|
|
|
|
|
|
|
|
|
// 创建OrbitControls对象,用于控制相机的旋转、缩放和平移
|
|
|
|
|
camera.position.set( 0.6902332769302458, 520.1257085570636, 174.9165360888295);// 设置相机位置
|
|
|
|
|
camera.rotation.set(-1.5646433128504418, -0.003719447834377942, -0.5437093043140517);// 设置相机旋转角度
|
|
|
|
|
camera.updateProjectionMatrix()
|
|
|
|
|
const controls = new OrbitControls(camera, renderer.domElement);
|
|
|
|
|
//是否开启右键拖拽
|
|
|
|
|
controls.enablePan = true;
|
|
|
|
@ -94,7 +97,7 @@ export default {
|
|
|
|
|
//是否可以缩放
|
|
|
|
|
controls.enableZoom = true;
|
|
|
|
|
// 设置OrbitControls的目标点,即相机围绕的中心点
|
|
|
|
|
controls.target = new THREE.Vector3(-433, 300, -217);
|
|
|
|
|
controls.target = new THREE.Vector3( 0.6903703600639193, 299.4536525310841, 174.9163631600269);
|
|
|
|
|
// 更新OrbitControls的状态,使其生效
|
|
|
|
|
controls.update();
|
|
|
|
|
|
|
|
|
@ -108,6 +111,7 @@ export default {
|
|
|
|
|
isLoading = true
|
|
|
|
|
}
|
|
|
|
|
let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
|
|
|
|
|
// let arr = [1,4,7,10]
|
|
|
|
|
const loadF1 = (e) => {
|
|
|
|
|
let mtlLoader = new MTLLoader()
|
|
|
|
|
mtlLoader.load(`/model/obj-10/${arr[e]}/${arr[e]}.mtl`,
|
|
|
|
@ -137,17 +141,17 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
loadF1(0)
|
|
|
|
|
|
|
|
|
|
camera.position.set(-1.76, 443, 237.54);// 设置相机位置
|
|
|
|
|
camera.rotation.set(-1.5646433128504418, -0.003719447834377942, -0.5437093043140517);// 设置相机旋转角度
|
|
|
|
|
camera.updateProjectionMatrix()
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 渲染循环
|
|
|
|
|
const animate = () => {
|
|
|
|
|
// 请求下一帧动画
|
|
|
|
|
requestAnimationFrame(animate);
|
|
|
|
|
console.log(camera)
|
|
|
|
|
console.log(controls)
|
|
|
|
|
// 渲染场景和相机
|
|
|
|
|
renderer.render(scene, camera);
|
|
|
|
|
controls.update();
|
|
|
|
|
// 渲染标签
|
|
|
|
|
labelRenderer.render(scene, camera);
|
|
|
|
|
};
|
|
|
|
|