From 131b17d3e845cc5e394283f85acc8cb88824d3e0 Mon Sep 17 00:00:00 2001
From: 黄何裕 <1053952480@qq.com>
Date: 星期一, 29 七月 2024 11:36:06 +0800
Subject: [PATCH] 大屏地图改造
---
src/views/screen/components/screen-map-three/experience/camera.js | 6 ++++--
src/views/screen/components/screen-map-three/experience/world/enviroment.js | 4 ++--
src/views/screen/components/screen-map-three/experience/world/map.js | 5 +++--
3 files changed, 9 insertions(+), 6 deletions(-)
diff --git a/src/views/screen/components/screen-map-three/experience/camera.js b/src/views/screen/components/screen-map-three/experience/camera.js
index 998674b..1acbd7c 100644
--- a/src/views/screen/components/screen-map-three/experience/camera.js
+++ b/src/views/screen/components/screen-map-three/experience/camera.js
@@ -16,15 +16,17 @@
// 璁剧疆閫忚鐩告満
setInstance() {
this.instance = new PerspectiveCamera(45, this.sizes.width / this.sizes.height, 0.1, 200);
- this.instance.position.set(0, 25,25);
+ this.instance.position.set(0,30,25);
this.scene.add(this.instance);
+ this.instance.position.z = 10;
+ this.instance.position.x = 0;
// const help = new CameraHelper(this.instance);
// this.scene.add(help);
}
setOrbitControls() {
this.controls = new OrbitControls(this.instance, this.canvas);
- this.controls.target.set(0, 0, 5);
+ this.controls.target.set(0, 0, 1);
this.controls.enableDamping = true;
this.controls.minDistance = 20;
this.controls.maxDistance = 80;
diff --git a/src/views/screen/components/screen-map-three/experience/world/enviroment.js b/src/views/screen/components/screen-map-three/experience/world/enviroment.js
index 833dc82..2f1177c 100644
--- a/src/views/screen/components/screen-map-three/experience/world/enviroment.js
+++ b/src/views/screen/components/screen-map-three/experience/world/enviroment.js
@@ -13,8 +13,8 @@
this.textureLoader = new THREE.TextureLoader();
this.setSunLight();
- this.setRotateHola();
- this.setBackground();
+ // this.setRotateHola();
+ // this.setBackground();
this.setCirclePoint();
// this.debuger();
diff --git a/src/views/screen/components/screen-map-three/experience/world/map.js b/src/views/screen/components/screen-map-three/experience/world/map.js
index 8a1b08b..b5622ff 100644
--- a/src/views/screen/components/screen-map-three/experience/world/map.js
+++ b/src/views/screen/components/screen-map-three/experience/world/map.js
@@ -3,13 +3,14 @@
import mapData from "@/assets/map/zigong2.json";
import { CSS2DObject } from "three/examples/jsm/renderers/CSS2DRenderer";
-import textureMapImage from "@/assets/map/texture/gz-map.jpg";
+// import textureMapImage from "@/assets/map/texture/gz-map.jpg";
+import textureMapImage from "@/assets/images/screen/pageBg1.jpg";
import textureMapFxImage from "@/assets/map/texture/gz-map-fx.jpg";
import gsap from "gsap";
// 鍦板浘娣卞害
-const MAP_DEPTH = 0.2;
+const MAP_DEPTH = 0;
const projection = d3
.geoMercator()
--
Gitblit v1.8.0