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

@@ -84,10 +84,10 @@ onMounted(() => {
 });
 const init = () => {
     scene = new THREE.Scene("#00ffff");
-    const texture = new THREE.TextureLoader().load(homeIcon);
+    // const texture = new THREE.TextureLoader().load(homeIcon);
-    texture.mapping = THREE.EquirectangularReflectionMapping;
+    // texture.mapping = THREE.EquirectangularReflectionMapping;
-    scene.background = texture
+    // scene.background = texture
-    scene.environment = texture
+    // scene.environment = texture
 
     const canvas = document.querySelector("#three");
     var cubeLoader = new THREE.CubeTextureLoader();
@@ -100,8 +100,8 @@ const init = () => {
 
     camera = new THREE.PerspectiveCamera(50, window.innerWidth / window.innerHeight, 0.25, 2000)
     // 将摄像机对准场景的中心
-    camera.position.set(0, 104.545, -21.637);
+    camera.position.set(-192.936, 180.990, -28.179);
-    // camera.lookAt(scene.position);
+    camera.lookAt(scene.position);
    
     // 创建控件对象
     orbit = new OrbitControls(camera, renderer.domElement);