更新1.浏览器不点击2.删除风压3.浏览器模型只能左右移动4.鼠标hover显示设备名称

This commit is contained in:
Hcat
2024-03-13 19:58:51 +08:00
parent 8b073bc98f
commit 9f29b78049
8 changed files with 210 additions and 104 deletions

View File

@@ -50,6 +50,7 @@ import { RGBELoader } from "three/examples/jsm/loaders/RGBELoader";
import { onMounted, reactive, ref, toRaw, watch } from "vue";
import { ElMessage } from "element-plus";
import { useModelSceneStore } from "@/store/modelSceneStore";
import { LOD } from "three";
// 获取html标签跟随组件dom
const content = ref(null);
const info = ref(null);
@@ -85,12 +86,13 @@ async function handleMounted() {
demo = new ThreeDScene(three, content.value);
//看是不是预览模式,然后继续相关的操作(会在demo中的初始化中进行)
demo.isedit = params.isedit;
// "../../../../public/tunnelModel/chanel-have-wall-now-use.gltf"
const loaded = await demo.loadModel(
GLTFLoader,
"./assets/tunnelModel/chanel-have-wall.gltf"
"/tunnelModel/chanel-have-wall-now-use.gltf",
true
);
demo.addOrbitControls(OrbitControls);
demo.addOrbitControls(OrbitControls, true);
demo.addTween(TWEEN);
demo.addCSS3Renderer(CSS3DRenderer, CSS3DSprite, doms);
demo.setDistance(10);
@@ -165,6 +167,8 @@ function editDevInfo(
//左键/双击左键回调函数
function lClickCallback(demo) {
// console.log('左键点击查看信息');
//demo动态添加函数为操作组件内部
function displayDevInfo(targetPoint = null) {
hasDevice.value = targetPoint.hasDevice;