From cc6994a5858cd662f5904005bbbd9d34b712f76c Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期五, 19 四月 2024 11:56:25 +0800
Subject: [PATCH] feat:添加地图label
---
src/views/screen/components/screen-map-three/experience/index.js | 24 +++++++++++++++++-------
1 files changed, 17 insertions(+), 7 deletions(-)
diff --git a/src/views/screen/components/screen-map-three/experience/index.js b/src/views/screen/components/screen-map-three/experience/index.js
index 85dc8ca..17affbd 100644
--- a/src/views/screen/components/screen-map-three/experience/index.js
+++ b/src/views/screen/components/screen-map-three/experience/index.js
@@ -1,9 +1,10 @@
-import { Scene,GridHelper } from 'three';
-
+import { Scene, GridHelper,AxesHelper } from 'three';
+import Stats from "three/examples/jsm/libs/stats.module";
import World from "./world/world";
import Camera from "./camera";
import Renderer from "./renderer";
+import CSSRenderer from './cssRenderer';
// 宸ュ叿绫�
import Sizes from "./utils/sizes";
@@ -12,18 +13,25 @@
export default class Experience {
constructor(canvas) {
this.canvas = canvas;
- this.sizes = new Sizes();
+ this.container = canvas.parentElement;
+ this.sizes = new Sizes(this.canvas);
this.time = new Time();
this.scene = new Scene();
this.camera = new Camera(this);
this.renderer = new Renderer(this);
+ this.cssRenderer = new CSSRenderer(this);
this.world = new World(this);
- const size = 10;
- const divisions = 10;
+ // const size = 100;
+ // const divisions = 100;
- const gridHelper = new GridHelper(size, divisions);
- this.scene.add(gridHelper);
+ // const gridHelper = new GridHelper(size, divisions);
+ // this.scene.add(gridHelper);
+
+ this.stats = new Stats();
+ document.querySelector('.map-container').appendChild(this.stats.dom);
+
+
// 甯�
this.time.on('tick', () => {
@@ -35,5 +43,7 @@
this.camera.update();
this.world.update();
this.renderer.update();
+ this.cssRenderer.update();
+ this.stats.update();
}
}
\ No newline at end of file
--
Gitblit v1.8.0