123

public/jz/glb/model.json

@@ -0,0 +1,23 @@
+{
+	"metadata": {
+		"version": 4.6,
+		"type": "Object",
+		"generator": "Object3D.toJSON"
+	},
+	"object": {
+		"uuid": "d5126c66-4d01-4921-a537-14d53e6f1e6b",
+		"type": "PerspectiveCamera",
+		"name": "Camera",
+		"layers": 1,
+		"matrix": [-0.06562201141132419,0,-0.9978445528329212,0,-0.7132741706287389,0.6993136887478822,0.04690759260199039,0,0.6978063550385712,0.7148149164153124,-0.04589037086310866,0,155.382,155.10629237063554,-56.571004917885546,1],
+		"up": [0,1,0],
+		"fov": 50,
+		"zoom": 1,
+		"near": 0.01,
+		"far": 1000,
+		"focus": 10,
+		"aspect": 1.7215727948990436,
+		"filmGauge": 35,
+		"filmOffset": 0
+	}
+}

src/views/bim/bimHome/components/ThreeView.vue

@@ -41,7 +41,7 @@ const props = defineProps({
         default: '#fff',
         type: String
     },
-    sceneUrl: { // 模型路径
+    sceneUrl: { // 模型路径 
         default: '/jz/glb/scene.gltf',
         type: String
     },
@@ -71,10 +71,10 @@ onMounted(() => {
 });
 const init = () => {
     scene = new THREE.Scene("#00ffff");
-    const texture = new THREE.TextureLoader().load(homeIcon);
-    texture.mapping = THREE.EquirectangularReflectionMapping;
-    scene.background = texture
-    scene.environment = texture
+    // const texture = new THREE.TextureLoader().load(homeIcon);
+    // texture.mapping = THREE.EquirectangularReflectionMapping;
+    // scene.background = texture
+    // scene.environment = texture
 
     const canvas = document.querySelector("#three");
     var cubeLoader = new THREE.CubeTextureLoader();
@@ -87,8 +87,8 @@ const init = () => {
 
     camera = new THREE.PerspectiveCamera(50, window.innerWidth / window.innerHeight, 0.25, 2000)
     // 将摄像机对准场景的中心
-    camera.position.set(0, 104.545, -21.637);
-    // camera.lookAt(scene.position);
+    camera.position.set(-192.936, 180.990, -28.179);
+    camera.lookAt(scene.position);
    
     // 创建控件对象
     orbit = new OrbitControls(camera, renderer.domElement);