wangqiujuan0808
/
bw
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

点击终于准了

main
cc 2023-12-10 12:31:23 +00:00
parent dc63189d44
commit 24ed8702a8
1 changed files with 36 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
src/views/bim/bimHome/components/ThreeView2.vue
View File

@ -10,12 +10,6 @@ import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader.js";
import { RoomEnvironment } from "three/examples/jsm/environments/RoomEnvironment.js"; import { RoomEnvironment } from "three/examples/jsm/environments/RoomEnvironment.js";
import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js"; import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js";
import { EffectComposer } from "three/examples/jsm/postprocessing/EffectComposer.js";
import { RenderPass } from "three/examples/jsm/postprocessing/RenderPass.js";
import { OutlinePass } from "three/examples/jsm/postprocessing/OutlinePass.js";
import { ShaderPass } from "three/examples/jsm/postprocessing/ShaderPass.js";
import { FXAAShader } from "three/examples/jsm/shaders/FXAAShader.js";
onMounted(() => { onMounted(() => {
init(); init();
loadSence(); loadSence();
@ -68,54 +62,64 @@ const enableGroup = [
'tanghua_room', 'tanghua_room',
'touliao_room', 'touliao_room',
] ]
const isSelent = (obj) => {
var o = obj
while (true) {
if (o.name != "jzgltf" && enableGroup.indexOf(o.name) != -1) {
return o;
} else {
if (o.parent.name == "jzgltf") {
return null;
} else {
o = o.parent;
}
}
}
}
let mouse = new THREE.Vector2(); let mouse = new THREE.Vector2();
let selectedObjects = ref([]); let selectedObjects = ref([]);
let selectBoxByClick, selectBoxByMouseon; let selectBoxByClick, selectBoxByMouseon;
var marginLeft = 0;
var marginTop = 70;
// 鼠标移动效果 // 鼠标移动效果
const onMouseMove = (event) => { const onMouseMove = (event) => {
var raycaster = new THREE.Raycaster() var raycaster = new THREE.Raycaster()
mouse.x = (event.clientX / window.innerWidth) * 2 - 1; mouse.x = ((event.clientX-marginLeft) / window.innerWidth) * 2 - 1;
mouse.y = -(event.clientY / window.innerHeight) * 2 + 1; mouse.y = -((event.clientY-marginTop) / window.innerHeight) * 2 + 1;
raycaster.setFromCamera(mouse, camera); raycaster.setFromCamera(mouse, camera);
const intersects = raycaster.intersectObjects(scene.children, true); const intersects = raycaster.intersectObjects(scene.children, true);
if (intersects.length > 0) { if (intersects.length > 0) {
const clickedObject = intersects[0].object; const clickedObject = intersects[0].object;
var selectedObject = clickedObject; var selectedObject = isSelent(clickedObject);
if (enableGroup.indexOf(selectedObject.name) != -1) { if (selectedObject) {
selectedObjects[0] = selectedObject selectedObjects[0] = selectedObject;
if (selectBoxByMouseon) {
scene.remove(selectBoxByMouseon);
}
selectBoxByMouseon = new THREE.BoxHelper(selectedObjects[0], '#ffffff');
scene.add(selectBoxByMouseon);
} }
if (enableGroup.indexOf(selectedObject.parent.name) != -1) {
selectedObjects[0] = selectedObject.parent
}
if (selectBoxByMouseon) {
scene.remove(selectBoxByMouseon);
}
selectBoxByMouseon = new THREE.BoxHelper(selectedObjects[0], '#ffffff');
scene.add(selectBoxByMouseon);
} }
} }
// 鼠标点击效果 // 鼠标点击效果
const onMouseDown = (event) => { const onMouseDown = (event) => {
var raycaster = new THREE.Raycaster() var raycaster = new THREE.Raycaster()
mouse.x = (event.clientX / window.innerWidth) * 2 - 1; mouse.x = ((event.clientX-marginLeft) / window.innerWidth) * 2 - 1;
mouse.y = -(event.clientY / window.innerHeight) * 2 + 1; mouse.y = -((event.clientY-marginTop) / window.innerHeight) * 2 + 1;
raycaster.setFromCamera(mouse, camera); raycaster.setFromCamera(mouse, camera);
const intersects = raycaster.intersectObjects(scene.children, true); const intersects = raycaster.intersectObjects(scene.children, true);
if (intersects.length > 0) { if (intersects.length > 0) {
const clickedObject = intersects[0].object; const clickedObject = intersects[0].object;
var selectedObject = clickedObject; var selectedObject = isSelent(clickedObject);
console.log(selectedObject); console.log(selectedObject);
if (enableGroup.indexOf(selectedObject.name) != -1) { if (selectedObject) {
selectedObjects[0] = selectedObject selectedObjects[0] = selectedObject;
if (selectBoxByClick) {
scene.remove(selectBoxByClick);
}
selectBoxByClick = new THREE.BoxHelper(selectedObjects[0], '#00ffff');
scene.add(selectBoxByClick);
} }
if (enableGroup.indexOf(selectedObject.parent.name) != -1) {
selectedObjects[0] = selectedObject.parent
}
if (selectBoxByClick) {
scene.remove(selectBoxByClick);
}
selectBoxByClick = new THREE.BoxHelper(selectedObjects[0], '#00ffff');
scene.add(selectBoxByClick);
} }
} }
</script> </script>