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

。。

main
wangqiujuan0808 2023-12-15 11:11:54 +08:00
parent cd8fe06628
commit 0271ed9129
2 changed files with 141330 additions and 240166 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

381470
public/jzc/scene.gltf
View File

File diff suppressed because one or more lines are too long

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

@ -19,7 +19,7 @@
</div> </div>
</template> </template>
<script setup> <script setup>
import { onMounted, ref,watch } from 'vue'; import { onMounted, ref, watch } from 'vue';
import * as THREE from 'three'; import * as THREE from 'three';
import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader.js"; import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader.js";
import { DRACOLoader } from "three/examples/jsm/loaders/DRACOLoader.js"; import { DRACOLoader } from "three/examples/jsm/loaders/DRACOLoader.js";
@ -39,6 +39,12 @@ onMounted(() => {
renderScene(); renderScene();
//点击模型 //点击模型
document.addEventListener('click', onMouseDown); document.addEventListener('click', onMouseDown);
// 右击事件
window.addEventListener('contextmenu', function (e) {
if (e.button === 2) {
console.log("点击了鼠标右键");
}
});
// document.addEventListener("mousemove", onMouseMove); // document.addEventListener("mousemove", onMouseMove);
}); });
let scene, renderer, camera, controls, pointsArr = true; let scene, renderer, camera, controls, pointsArr = true;
@ -50,7 +56,7 @@ const data = reactive({
isAddLabel: true, isAddLabel: true,
isRemoveBottom: true isRemoveBottom: true
}); });
const { isAddLabel,isRemoveBottom } = toRefs(data); const { isAddLabel, isRemoveBottom } = toRefs(data);
// 建筑树点击 // 建筑树点击
Bus.on('clickBuild', (isParent) => { Bus.on('clickBuild', (isParent) => {
// Todo // Todo
@ -92,15 +98,15 @@ watch(() => bimStore().activateMenu, value => {
// 更换场景颜色 // 更换场景颜色
scene.background = new THREE.Color(value.background); scene.background = new THREE.Color(value.background);
toHomeView(); toHomeView();
},{ deep: true }); }, { deep: true });
const init = () => { const init = () => {
// 场景 // 场景
scene = new THREE.Scene(); scene = new THREE.Scene();
scene.background = new THREE.Color(bimStore().activateMenu.background); scene.background = new THREE.Color(bimStore().activateMenu.background);
// 相机 // 相机
camera = new THREE.PerspectiveCamera(50, window.innerWidth / window.innerHeight, 0.1, 1000); camera = new THREE.PerspectiveCamera(50, window.innerWidth / window.innerHeight, 0.1, 1000);
camera.position.set(-92.650, 67.456, 38.088); camera.position.set(-92.650, 67.456, 38.088);
//渲染器 //渲染器
renderer = new THREE.WebGLRenderer({ antialias: true }); renderer = new THREE.WebGLRenderer({ antialias: true });
renderer.setPixelRatio(window.devicePixelRatio); renderer.setPixelRatio(window.devicePixelRatio);
@ -117,9 +123,9 @@ const loadSence = () => {
const dracoLoader = new DRACOLoader(); const dracoLoader = new DRACOLoader();
dracoLoader.setDecoderPath('/draco/gltf/')//设置解压库文件路径 dracoLoader.setDecoderPath('/draco/gltf/')//设置解压库文件路径
gltfLoader.setDRACOLoader(dracoLoader) gltfLoader.setDRACOLoader(dracoLoader)
gltfLoader.load('/jzc/scene3.gltf', (gltf) => { gltfLoader.load('/jzc/scene.gltf', (gltf) => {
var model = gltf.scene; var model = gltf.scene;
roamdObjects = model.children[0].children; roamdObjects = model.children[0].children;
scene.add(model); scene.add(model);
}); });
}; };
@ -386,9 +392,9 @@ const removeLabel = () => {
// 设置地板 // 设置地板
const setBottom = () => { const setBottom = () => {
var target = scene.getObjectByName('set1'); var target = scene.getObjectByName('floor2F');
console.log(target);
if (isRemoveBottom.value) { if (isRemoveBottom.value) {
var target = scene.getObjectByName('set1');
target.visible = false; target.visible = false;
} else { } else {
target.visible = true; target.visible = true;