1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048 |
- import wallType from '@/static/wallData.js';
- import * as THREE from 'three';
- import TWEEN from 'three/addons/libs/tween.module.js';
- export default {
- data() {
- return {
-
-
-
-
- }
- },
- watch: {},
- methods: {
-
-
-
- drawModelOld(modelItem, spaceObj, wallObj, isAnimate=false){
- let cube = wallObj.obj;
- let that = this;
-
-
-
- console.log("墙体动画", modelItem, spaceObj, wallObj, isAnimate,spaceObj.rightCenter);
- if(!wallObj.obj){
-
- if(modelItem.wallPositionX == wallObj.wallPositionX
- && modelItem.wallPositionY == wallObj.wallPositionY
- && modelItem.wallScaleX == wallObj.wallScaleX
- && modelItem.wallScaleY == wallObj.wallScaleY){
- return false;
- }
- wallObj.instancedMeshIndexList.forEach(item=>{
- let _index = item.instancedMeshIndex;
- let instancedMesh = this.instancedMeshList[_index];
- let stratMatrix = new THREE.Matrix4();
- let endMatrix = new THREE.Matrix4();
- instancedMesh.getMatrixAt(item.instancedAtIndex,stratMatrix);
- let position = new THREE.Vector3();
- let position1 = new THREE.Vector3();
- let scale = new THREE.Vector3();
- let scale1 = new THREE.Vector3();
- let quaternion = new THREE.Quaternion();
- stratMatrix.decompose(position,quaternion,scale);
-
- let x = position.x + modelItem.wallPositionX - wallObj.wallPositionX;
- let z = position.z + modelItem.wallPositionY - wallObj.wallPositionY;
-
- let scalex = scale.x * (modelItem.wallScaleX/ wallObj.wallScaleX);
- let scaley = scale.z * (modelItem.wallScaleY/ wallObj.wallScaleY);
-
- if(modelItem.wallScaleX!=wallObj.wallScaleX){
- if(modelItem.wallRotateY>0){
- let _ch = modelItem.wallPositionY - wallObj.wallPositionY;
- if(spaceObj.rightCenter){
- z = z + _ch;
- }else{
- z = z - _ch;
- }
-
- }else{
- let _ch = modelItem.wallPositionX - wallObj.wallPositionX;
- if(spaceObj.rightCenter){
- x = x + _ch;
- }else{
- x = x - _ch;
- }
- }
- }
-
-
- if(modelItem.wallScaleY!=wallObj.wallScaleY){
- if(modelItem.wallRotateY>0){
- let _ch = modelItem.wallPositionX - wallObj.wallPositionX;
- if(spaceObj.rightCenter){
- x = x + _ch;
- }else{
- x = x - _ch;
- }
-
- }else{
- let _ch = modelItem.wallPositionY - wallObj.wallPositionY;
- if(spaceObj.rightCenter){
- z = z + _ch;
- }else{
- z = z - _ch;
- }
-
- }
- }
- position1.set(x, position.y, z);
- scale1.set(scalex,scale.y,scaley);
-
- endMatrix = endMatrix.compose(position1,quaternion,scale1);
-
-
-
-
- var tween = new TWEEN.Tween(stratMatrix.elements)
- .to(endMatrix.elements, 2000)
- .easing(TWEEN.Easing.Quadratic.InOut)
- .onUpdate((matrixWorld)=> {
- let m4 = new THREE.Matrix4();
- m4.set(...matrixWorld);
- instancedMesh.instanceMatrix.needsUpdate = true;
- instancedMesh.setMatrixAt(item.instancedAtIndex,m4.transpose());
- }).onComplete(()=>{
- instancedMesh.setMatrixAt(item.instancedAtIndex,endMatrix);
- this.tweenCameraAnmaChange(false)
- });
-
- tween.start();
- this.tweenCameraAnmaChange(true)
- })
-
- setTimeout(()=>{
- let gltfWall = that.gltfWalls.find(gltfWall=>gltfWall.uniId==wallObj.uniId);
- gltfWall.wallPositionX = modelItem.wallPositionX;
- gltfWall.wallPositionY = modelItem.wallPositionY;
- gltfWall.wallScaleX = modelItem.wallScaleX;
- gltfWall.wallScaleY = modelItem.wallScaleY;
- gltfWall.wallRotateY = modelItem.wallRotateY;
- }, 2000);
- }else{
- console.warn("***drawModel-isAnimate-2***",JSON.stringify(cube.position),JSON.stringify(cube.scale),modelItem);
- var tween = new TWEEN.Tween({
- x: cube.position.x,
- z: cube.position.z,
- sx:cube.scale.x,
- sz:cube.scale.z
- })
- .to({
- x: modelItem.wallPositionX,
- z: modelItem.wallPositionY,
- sx:modelItem.wallScaleX
- }, 2000)
- .easing(TWEEN.Easing.Quadratic.InOut)
- .onUpdate((object)=> {
- cube.position.x = object.x;
- cube.position.z = object.z;
- cube.scale.x = object.sx;
- cube.scale.z = object.sz;
- }).onComplete(()=>{
- this.tweenCameraAnmaChange(false)
- });
-
- tween.start();
- this.tweenCameraAnmaChange(true)
- }
- },
-
-
- drawModel(modelItem, spaceObj, wallObj, isAnimate=false){
- let that = this;
-
- if(modelItem.wallPositionX == wallObj.wallPositionX
- && modelItem.wallPositionY == wallObj.wallPositionY
- && modelItem.wallScaleX == wallObj.wallScaleX
- && modelItem.wallScaleY == wallObj.wallScaleY){
- return false;
- }
- let tx = wallObj.wallPositionX;
- let tz = wallObj.wallPositionY;
- let scaleX = wallObj.wallScaleX;
- let wallWidth = wallObj.wallWidth;
-
- let toPx = modelItem.wallPositionX;
- let toPz = modelItem.wallPositionY;
- let toScaleX = modelItem.wallScaleX;
-
-
- if(modelItem.wallType !=0 && parseFloat(modelItem.wallWidth) == 0){
- toScaleX = 0
- }
-
-
- if(isAnimate){
-
-
-
- let spaceInitMatrix = [];
- wallObj.instancedMeshIndexList.forEach(item=>{
- let _index = item.instancedMeshIndex;
- let instancedMesh = this.instancedMeshList[_index];
- let startMatrix = new THREE.Matrix4();
- instancedMesh.getMatrixAt(item.instancedAtIndex,startMatrix);
- spaceInitMatrix.push({
- index:_index,
- matrix:startMatrix.clone(),
- })
- });
- var tween = new TWEEN.Tween({
- x: tx,
- z: tz,
- sx:scaleX,
- })
- .to({
- x: toPx,
- z: toPz,
- sx:toScaleX,
- }, 2000)
- .easing(TWEEN.Easing.Quadratic.InOut)
- .onUpdate((object)=> {
- wallObj.instancedMeshIndexList.forEach(item=>{
- let _index = item.instancedMeshIndex;
- let instancedMesh = this.instancedMeshList[_index];
- let tmp = spaceInitMatrix.find(it=>it.index==_index);
- let stratMatrix = tmp.matrix.clone();
-
- let moveX = object.x - tx;
- let moveZ = object.z - tz;
- let scaleMatrix = new THREE.Matrix4();
- let panMatrix = new THREE.Matrix4();
- scaleMatrix.makeScale(object.sx / scaleX,1,1);
- panMatrix.makeTranslation(moveX,0,moveZ);
- stratMatrix.multiply(scaleMatrix).premultiply(panMatrix);
- instancedMesh.instanceMatrix.needsUpdate = true;
- instancedMesh.setMatrixAt(item.instancedAtIndex,stratMatrix);
-
- })
- }).onComplete(()=>{
- this.tweenCameraAnmaChange(false);
- let gltfWall = this.gltfWalls.find(gltfWall=>gltfWall.uniId==wallObj.uniId);
- if(gltfWall){
- gltfWall.wallPositionX = modelItem.wallPositionX;
- gltfWall.wallPositionY = modelItem.wallPositionY;
- gltfWall.wallScaleX = modelItem.wallScaleX;
- gltfWall.wallScaleY = modelItem.wallScaleY;
- gltfWall.wallRotateY = modelItem.wallRotateY;
- gltfWall.wallWidth = modelItem.wallWidth;
- }else{
- console.warn("***changeSpacesAnim-over-wall***", wallObj.uniId,wallObj)
- }
-
- });
-
- tween.start();
- this.tweenCameraAnmaChange(true)
- }else{
-
- wallObj.instancedMeshIndexList.forEach(item=>{
- let _index = item.instancedMeshIndex;
- let instancedMesh = this.instancedMeshList[_index];
-
-
- let stratMatrix = new THREE.Matrix4();
- instancedMesh.getMatrixAt(item.instancedAtIndex,stratMatrix);
-
- let moveX = toPx - tx;
- let moveZ = toPz - tz;
- let scaleMatrix = new THREE.Matrix4();
- let panMatrix = new THREE.Matrix4();
-
- scaleMatrix.makeScale(toScaleX / scaleX,1,1);
- panMatrix.makeTranslation(moveX,0,moveZ);
- stratMatrix.multiply(scaleMatrix).premultiply(panMatrix);
- instancedMesh.instanceMatrix.needsUpdate = true;
- instancedMesh.setMatrixAt(item.instancedAtIndex,stratMatrix);
-
- })
- let gltfWall = this.gltfWalls.find(gltfWall=>gltfWall.uniId==wallObj.uniId);
- gltfWall.wallPositionX = modelItem.wallPositionX;
- gltfWall.wallPositionY = modelItem.wallPositionY;
- gltfWall.wallScaleX = modelItem.wallScaleX;
- gltfWall.wallScaleY = modelItem.wallScaleY;
- gltfWall.wallRotateY = modelItem.wallRotateY;
- gltfWall.wallWidth = modelItem.wallWidth;
- gltfWall.lastWallType = 50;
- }
-
- },
-
- preWallData(wallArr){
- let realWallArr = [];
- wallArr && wallArr.forEach((item, index) => {
- item.uniId = Date.now() + index;
-
- let modelTypeItem = wallType.find(it=>it.type == item.wallModelData.wallType)
-
- let object = realWallArr.find(it=>it.index==item.wallModelData.wallType);
-
- if(!object){
- let it = {
- url:modelTypeItem.url,
- list:[item],
- name:modelTypeItem.name,
- index:item.wallModelData.wallType,
- }
- realWallArr.push(it)
- }else{
- object.list.push(item);
- }
- });
- return realWallArr;
- },
-
- loadWallModels(realData, wallList, arrLength,resolve){
- var that = this;
- if(!realData.url){
- console.warn("***模型wallType不存在***",realData);
- return false;
- }
- that.loader.load(realData.url, ( gltf ) => {
- that.progress = parseInt(100/arrLength) + that.progress;
- if(that.progress>100){
- that.progress = 100;
- }
- this.$store.state.loadingMsg="加载中..." + that.progress+'%';
-
-
-
- gltf.scene.traverse((child)=> {
- if (child.isMesh && child.visible) {
- let instancedMesh = new THREE.InstancedMesh(child.geometry.clone(), child.material.clone(), realData.list.length);
- this.instancedMeshList.push(instancedMesh);
-
- realData.list && realData.list.forEach((it,i)=>{
- let modelItem = JSON.parse(JSON.stringify(it.wallModelData));
- gltf.scene.position.set(modelItem.wallPositionX, 0, modelItem.wallPositionY);
- gltf.scene.scale.set(modelItem.wallScaleX, 1, modelItem.wallScaleY);
- gltf.scene.rotation.y = modelItem.wallRotateY;
-
- gltf.scene.updateMatrixWorld();
- instancedMesh.setMatrixAt(i, child.matrixWorld);
- instancedMesh.instanceMatrix.needsUpdate = true;
-
-
-
- let gltfWall = that.gltfWalls.find(gltfWall=>gltfWall.uniId==it.uniId);
- if(!gltfWall){
- let md = {
- uniId:it.uniId,
- spaceId:it.spaceId,
- instancedMeshIndexList:[
- {instancedMeshIndex:this.instancedMeshList.length-1,instancedAtIndex:i},
- ],
-
-
- wallPositionX:modelItem.wallPositionX,
- wallPositionY:modelItem.wallPositionY,
- wallScaleX:modelItem.wallScaleX,
- wallScaleY:modelItem.wallScaleY,
- wallRotateY:modelItem.wallRotateY,
- wallWidth:modelItem.wallWidth,
-
- wallModelData:modelItem,
- wallModelInitData:modelItem,
- wallDirection:it.wallDirection,
- willCurWallType: -1,
- lastWallType: -1
- };
-
- that.gltfWalls.push(md);
- }else{
- gltfWall.instancedMeshIndexList.push({
- instancedMeshIndex:this.instancedMeshList.length-1,instancedAtIndex:i
- })
- }
- })
- instancedMesh.userType = "mesh";
- instancedMesh.receiveShadow = true;
- that.scene.add(instancedMesh);
- }
- });
- resolve();
- });
- },
-
- computeWallHandleOld(spaceObj,wallObj){
-
- let list = wallObj.wallData;
- let scale = 100;
- let spaceWallInfo = {wallN:false, wallS:false, wallW:false, wallE:false};
- spaceObj.spaceWallInfo = spaceWallInfo;
- list.forEach((item)=>{
- let lastWallPosition = 0;
- let wallDirection = item.wallDirection;
- item.wallModelData.forEach((modelItem,index)=>{
-
- let wallPositionX = spaceObj.centerX / 100;
- let wallPositionY = spaceObj.centerY / 100;
- let wallRotateY = 0;
-
- let wallHeight = 10;
- if(wallDirection=="N"){
- wallPositionY = wallPositionY *-1 - spaceObj.spaceHeight / 2 / scale;
- let wallHeight2 = wallHeight / 2 / scale;
- wallPositionY = wallPositionY + wallHeight2;
- spaceWallInfo.wallN = true;
- }
- else if(wallDirection=="S"){
- wallPositionY = wallPositionY *-1 + spaceObj.spaceHeight / 2 / scale;
- let wallHeight2 = wallHeight / 2 / scale;
- wallPositionY = wallPositionY - wallHeight2;
- spaceWallInfo.wallS = true;
- }
- if(wallDirection=="E"){
-
- wallPositionY = wallPositionY * -1;
- wallPositionX = wallPositionX + spaceObj.spaceWidth / 2 / scale;
- let wallHeight2 = wallHeight / 2 / scale;
- wallPositionX = wallPositionX - wallHeight2;
- wallRotateY = Math.PI/2;
- spaceWallInfo.wallE = true;
- }else if(wallDirection=="W"){
- wallPositionY = wallPositionY *-1;
- wallPositionX = wallPositionX - spaceObj.spaceWidth / 2 / scale;
- let wallHeight2 = wallHeight / 2 / scale;
- wallPositionX = wallPositionX + wallHeight2;
- wallRotateY = Math.PI/2;
- spaceWallInfo.wallW = true;
- }
- let wallScaleX = 1;
- let wallScaleY = 1;
- let modelWidth = 10;
- if(modelItem.wallType == '7') {
- modelWidth = 150
- }else if(modelItem.wallType == '21'){
- modelWidth = 100
- }else if(modelItem.wallType == '22'){
- modelWidth = 200
- }else if(modelItem.wallType == '23'){
- modelWidth = 300
- }else if(modelItem.wallType == '24'){
- modelWidth = 400
- }else if(modelItem.wallType == '25'){
- modelWidth = 500
- }else if(modelItem.wallType == '26'){
- modelWidth = 600
- }
- let tmdWidth = modelItem.wallWidth;
-
-
-
- if(modelItem.isStepAsideTopRight == 'true' && modelItem.isStepAsideBottomLeft == 'true'){
- if(wallDirection=="S" || wallDirection=="N"){
- wallScaleX = spaceObj.spaceWidth / modelWidth;
- }else{
- wallScaleX = spaceObj.spaceHeight / modelWidth;
- }
- if((parseInt(modelItem.wallType) >=21 && parseInt(modelItem.wallType) <=26) || parseInt(modelItem.wallType)== 7){
- }else{
- modelItem.wallWidth = wallScaleX * modelWidth;
- }
-
- }else{
- if(modelItem.isFixedWidth == 'true'){
- let wallWidth = modelItem.wallWidth;
-
-
- if(modelItem.isStepAsideBottomLeft == 'true' || modelItem.isStepAsideTopRight == 'true'){
- if(wallDirection=="S" || wallDirection=="N"){
- wallPositionX = spaceObj.centerX - (spaceObj.spaceWidth - wallWidth) / 2;
- wallPositionX = wallPositionX / scale;
- }else{
- wallPositionY = -spaceObj.centerY - (spaceObj.spaceHeight - wallWidth) / 2;
- wallPositionY = wallPositionY / scale;
- }
- }else{
- if(wallDirection=="S" || wallDirection=="N"){
- wallPositionX = lastWallPosition + (wallWidth / 2 / scale);
- }else{
- wallPositionY = lastWallPosition + (wallWidth / 2 / scale);
- }
- }
-
- if(modelItem.wallType == 0){
- wallScaleX = modelItem.wallWidth / wallHeight;
- }
-
- if(wallDirection=="S" || wallDirection=="N"){
- lastWallPosition = wallPositionX + wallWidth / 2 / scale;
- }else{
- lastWallPosition = wallPositionY + wallWidth / 2 / scale;
- }
-
- }else{
- let wallWidth = 0;
-
- if(wallDirection=="S" || wallDirection=="N"){
- wallWidth = (spaceObj.centerX + spaceObj.spaceWidth / 2) - lastWallPosition * scale;
-
- }else{
- wallWidth = (-spaceObj.centerY + spaceObj.spaceHeight / 2) - lastWallPosition * scale;
- }
- wallWidth = wallWidth / scale;
- if(modelItem.wallType == 0){
- wallScaleX = wallWidth * wallHeight;
- if(wallDirection=="S" || wallDirection=="N"){
- wallPositionX = lastWallPosition + wallWidth / 2;
- }else{
- wallPositionY = lastWallPosition + wallWidth / 2;
- }
- }
- modelItem.wallWidth = wallWidth*scale;
- }
- }
-
- modelItem.wallPositionX = wallPositionX;
- modelItem.wallPositionY = wallPositionY;
- modelItem.wallScaleX = wallScaleX;
- modelItem.wallScaleY = wallScaleY;
- modelItem.wallRotateY = wallRotateY;
-
-
- this.gltfWalls.forEach(gltfItem=>{
- if(gltfItem.spaceId == spaceObj.spaceId
- && wallDirection == gltfItem.wallDirection
- && modelItem.id == gltfItem.wallModelData.id){
- gltfItem.wallModelData = JSON.parse(JSON.stringify(modelItem));
- }
- })
- })
- spaceObj.spaceWallInfo = spaceWallInfo;
- })
- },
-
- computeWallHandle(oldSpaceObj, spaceObj, wallObj, moveOut, direction){
- var that = this;
- let list = wallObj.wallData;
- let scale = 100;
- console.log("墙体数据1",direction, list, moveOut, that.gltfWalls, wallObj);
- console.log("旧空间+++", oldSpaceObj.spaceId, oldSpaceObj.centerX, oldSpaceObj.centerY,oldSpaceObj.spaceWidth, oldSpaceObj.spaceHeight);
- console.log("新空间+++", spaceObj.spaceId, spaceObj.centerX, spaceObj.centerY,spaceObj.spaceWidth, spaceObj.spaceHeight);
-
- list.forEach((item)=>{
- let lastWallPosition = 0;
- let wallDirection = item.wallDirection;
-
- let spaceSize = 0
- let oldSpaceSize = 0
- let minWallWidth = 10;
-
- let wallCount = item.wallModelData.length;
- let isCurWall = true;
- let isCreateNewWall = false;
- let newWallType = null;
-
- if(wallDirection=="N" || wallDirection=="S"){
- spaceSize = spaceObj.spaceWidth;
- oldSpaceSize = oldSpaceObj.spaceWidth;
- }else{
- spaceSize = spaceObj.spaceHeight;
- oldSpaceSize = oldSpaceObj.spaceHeight;
- }
-
- let isComputeWall = true;
-
- if((direction=="S" || direction=="N") && (wallDirection == "S" || wallDirection == "N")){
- isComputeWall = false;
- }
- if((direction=="E" || direction=="W") && (wallDirection == "E" || wallDirection == "W")){
- isComputeWall = false;
- }
-
- if(wallCount > 2 && isComputeWall){
-
- const modelItem0 = item.wallModelData[0];
- const modelItem1 = item.wallModelData[1];
- const modelItem2 = item.wallModelData[2];
-
- const leftWallChangeValue = spaceSize - minWallWidth - parseFloat(modelItem1.wallWidth) - parseFloat(modelItem0.wallWidth);
-
-
- console.log("当前模型的类型信息", modelItem1, leftWallChangeValue)
- if(moveOut){
-
-
-
-
-
-
-
- const curWallType = wallType.find(it=>it.type == modelItem1.wallType)
- const wallTypeGroups = wallType.filter(it=>it.group == curWallType.group)
- const wallWidth = spaceSize - 2 * minWallWidth;
- if(wallWidth > curWallType.width){
- newWallType = curWallType;
- }
- for (let index = 0; index < wallTypeGroups.length; index++) {
- const element = wallTypeGroups[index];
- if(!newWallType){
- if(element.width <= wallWidth){
- newWallType = element;
- }
- }else{
- if(element.width <= wallWidth && newWallType.width <= element.width ){
- newWallType = element;
- }
- }
- try{
- console.log("寻找最大的窗户",index, wallWidth, newWallType.width,element.width)
- }catch(e){
- console.error("***rrrrr***",e,element,newWallType)
- }
- }
-
- item.wallModelData[1].wallWidth = newWallType.width;
- if(newWallType != curWallType){
- console.log("添加新模型")
- item.wallModelData[1].willCurWallType = newWallType.type;
- item.wallModelData[1].lastWallType = curWallType.type;
-
- isCreateNewWall = true;
- }else{
- console.log("还原老模型")
- }
-
-
- const initWallModel = this.gltfWalls.find(it=>{
- return it.spaceId == spaceObj.spaceId && it.wallDirection == wallDirection && it.wallModelData.wallType == 0 && it.wallModelData.isFixedWidth == 'true'
- })
- const item0Width = Math.min((spaceSize - newWallType.width - minWallWidth), initWallModel.wallModelInitData.wallWidth);
- item.wallModelData[0].wallWidth = item0Width
- console.log("还原第一面墙的宽度", item0Width ,spaceSize, newWallType.width, minWallWidth);
- }else{
-
- const initWallModel = this.gltfWalls.find(it=>{
- return it.spaceId == spaceObj.spaceId && it.wallDirection == wallDirection && it.wallModelData.wallType == 0 && it.wallModelData.isFixedWidth == 'true'
- })
- const firstWallW = initWallModel.wallModelInitData.wallWidth;
-
- const modelItem2W = oldSpaceSize - parseFloat(firstWallW) - parseFloat(modelItem1.wallWidth);
- if(modelItem2W > 10){
-
- }
-
-
- const modelItem0Scale = firstWallW / oldSpaceSize;
- const modelItem2Scale = modelItem2W / oldSpaceSize;
-
- const modelItem0NewW = modelItem0Scale * spaceSize;
- const modelItem2NewW = modelItem2Scale * spaceSize;
-
- console.log("墙体模型比例数据", oldSpaceSize,spaceSize, initWallModel.wallModelInitData.wallWidth,modelItem0Scale, modelItem0NewW, modelItem2NewW);
-
- if(leftWallChangeValue < 0){
- const newWallWidth = Math.max(parseFloat(modelItem0.wallWidth) + leftWallChangeValue, minWallWidth);
- item.wallModelData[0].wallWidth = Math.floor(newWallWidth)
- console.log("缩放左边实体墙",spaceObj.spaceId, newWallWidth, leftWallChangeValue);
- if(modelItem1.wallWidth > spaceSize - 2 * minWallWidth){
- console.log("无法放置墙体模型", newWallWidth, leftWallChangeValue);
-
- const curWallType = wallType.find(it=>it.type == modelItem1.wallType)
-
- if(curWallType){
- const wallTypeGroups = wallType.filter(it=>it.group == curWallType.group)
- const wallWidth = spaceSize - 2 * minWallWidth;
- for (let index = 0; index < wallTypeGroups.length; index++) {
- const element = wallTypeGroups[index];
-
- if(!newWallType){
- if(element.width <= wallWidth && element.width <= curWallType.width){
- newWallType = element;
- }
- }else{
- if(newWallType.width <= element.width && element.width <= wallWidth && element.width <= curWallType.width){
- newWallType = element;
- }
- }
-
- }
- console.log("是否需要替换墙体模型",spaceObj.spaceHeight, wallDirection, newWallType, curWallType.type)
-
- if(newWallType){
- if(curWallType.type != newWallType.type){
- console.log("最合适的墙体模型", spaceObj.spaceId, wallWidth, direction, wallDirection)
- item.wallModelData[1].wallWidth = newWallType.width;
- item.wallModelData[1].willCurWallType = newWallType.type;
- item.wallModelData[1].lastWallType = curWallType.type;
- item.wallModelData[0].wallWidth = Math.floor((spaceSize - newWallType.width) / 2)
- isCurWall = false;
-
-
- const index = this.gltfWalls.findIndex(it=>{
-
- return it.spaceId == spaceObj.spaceId && it.wallDirection == wallDirection && newWallType.wallType == it.wallModelData.wallType
- })
- if(index!=-1){
- console.log("不需要加载新模型", spaceObj.spaceId, direction, wallDirection)
- isCreateNewWall = false;
- }else{
- console.log("需要加载新模型", index)
- isCreateNewWall = true;
- }
- }else{
- console.log("保持当前模型的尺寸", spaceObj.spaceHeight, direction, wallDirection)
- item.wallModelData[1].wallWidth = 0.0001;
- item.wallModelData[1].willCurWallType = -1;
- }
-
- }else{
- console.log("没有合适的模型替换", spaceObj.spaceId, direction, wallDirection)
- item.wallModelData[1].wallWidth = 0.0001;
- item.wallModelData[1].willCurWallType = -1;
- }
- }
- }else{
- console.log("不需要添加");
- }
- }else{
- item.wallModelData[0].wallWidth = Math.floor(modelItem0NewW)
- console.log("等比缩放");
- }
- }
-
- }else{
- console.log("没有缩放墙体")
- }
-
-
- item.wallModelData.forEach((modelItem,index)=>{
-
- let wallPositionX = spaceObj.centerX / 100;
- let wallPositionY = spaceObj.centerY / 100;
- let wallRotateY = 0;
-
- let wallHeight = 10;
- if(wallDirection=="N"){
- wallPositionY = wallPositionY *-1 - spaceObj.spaceHeight / 2 / scale;
- let wallHeight2 = wallHeight / 2 / scale;
- wallPositionY = wallPositionY + wallHeight2;
-
- }
- else if(wallDirection=="S"){
- wallPositionY = wallPositionY *-1 + spaceObj.spaceHeight / 2 / scale;
- let wallHeight2 = wallHeight / 2 / scale;
- wallPositionY = wallPositionY - wallHeight2;
- }
- if(wallDirection=="E"){
-
- wallPositionY = wallPositionY * -1;
- wallPositionX = wallPositionX + spaceObj.spaceWidth / 2 / scale;
- let wallHeight2 = wallHeight / 2 / scale;
- wallPositionX = wallPositionX - wallHeight2;
- wallRotateY = Math.PI/2;
- }else if(wallDirection=="W"){
- wallPositionY = wallPositionY *-1;
- wallPositionX = wallPositionX - spaceObj.spaceWidth / 2 / scale;
- let wallHeight2 = wallHeight / 2 / scale;
- wallPositionX = wallPositionX + wallHeight2;
- wallRotateY = Math.PI/2;
- }
- let wallScaleX = 1;
- let wallScaleY = 1;
- let modelWidth = 10;
- if(modelItem.wallType == '7') {
- modelWidth = 150
- }else if(modelItem.wallType == '21'){
- modelWidth = 100
- }else if(modelItem.wallType == '22'){
- modelWidth = 200
- }else if(modelItem.wallType == '23'){
- modelWidth = 300
- }else if(modelItem.wallType == '24'){
- modelWidth = 400
- }else if(modelItem.wallType == '25'){
- modelWidth = 500
- }else if(modelItem.wallType == '26'){
- modelWidth = 600
- }
- let tmdWidth = modelItem.wallWidth;
-
- let wallWidth = 0;
-
-
- if(modelItem.isStepAsideTopRight == 'true' && modelItem.isStepAsideBottomLeft == 'true'){
- if(wallDirection=="S" || wallDirection=="N"){
- wallScaleX = spaceObj.spaceWidth / modelWidth;
- }else{
- wallScaleX = spaceObj.spaceHeight / modelWidth;
- }
- if((parseInt(modelItem.wallType) >=21 && parseInt(modelItem.wallType) <=26) || parseInt(modelItem.wallType)== 7){
- }else{
- modelItem.wallWidth = wallScaleX * modelWidth;
- }
-
- }else{
- if(modelItem.isFixedWidth == 'true'){
- wallWidth = modelItem.wallWidth;
-
-
- if(modelItem.isStepAsideBottomLeft == 'true' || modelItem.isStepAsideTopRight == 'true'){
- if(wallDirection=="S" || wallDirection=="N"){
- wallPositionX = spaceObj.centerX - (spaceObj.spaceWidth - wallWidth) / 2;
- wallPositionX = wallPositionX / scale;
- }else{
- wallPositionY = -spaceObj.centerY - (spaceObj.spaceHeight - wallWidth) / 2;
- wallPositionY = wallPositionY / scale;
- }
- }else{
- if(wallDirection=="S" || wallDirection=="N"){
- wallPositionX = lastWallPosition + (wallWidth / 2 / scale);
- }else{
- wallPositionY = lastWallPosition + (wallWidth / 2 / scale);
- }
- }
-
- if(modelItem.wallType == 0){
- wallScaleX = modelItem.wallWidth / wallHeight;
- }else{
- console.log("墙体模型的缩放", spaceObj.spaceId,wallDirection, modelItem);
-
- const curWallType = wallType.find(it=>it.type == modelItem.wallType)
- wallScaleX = modelItem.wallWidth / curWallType.width;
- console.log("墙体模型的缩小", wallScaleX);
-
-
-
-
- }
-
- if(wallDirection=="S" || wallDirection=="N"){
- lastWallPosition = wallPositionX + wallWidth / 2 / scale;
- }else{
- lastWallPosition = wallPositionY + wallWidth / 2 / scale;
- }
-
- }else{
- wallWidth = 0;
-
- if(wallDirection=="S" || wallDirection=="N"){
- wallWidth = (spaceObj.centerX + spaceObj.spaceWidth / 2) - lastWallPosition * scale;
-
- }else{
- wallWidth = (-spaceObj.centerY + spaceObj.spaceHeight / 2) - lastWallPosition * scale;
- }
- wallWidth = wallWidth / scale;
- if(modelItem.wallType == 0){
- wallScaleX = wallWidth * wallHeight;
- if(wallDirection=="S" || wallDirection=="N"){
- wallPositionX = lastWallPosition + wallWidth / 2;
- }else{
- wallPositionY = lastWallPosition + wallWidth / 2;
- }
- }
- modelItem.wallWidth = wallWidth*scale;
-
- }
- }
-
-
-
- console.log("移动墙体模型-空间信息", spaceObj.spaceWidth, spaceObj.centerX, spaceObj.centerY, spaceObj)
- console.log("移动墙体模型-墙体信息",spaceObj.spaceId,direction, wallDirection, modelItem.wallType, wallWidth, this.wallList)
-
- modelItem.wallPositionX = wallPositionX;
- modelItem.wallPositionY = wallPositionY;
- modelItem.wallScaleX = wallScaleX;
- modelItem.wallScaleY = wallScaleY;
- modelItem.wallRotateY = wallRotateY;
- modelItem.wallWidth = wallWidth;
-
-
-
- if(isComputeWall || direction == wallDirection){
-
- this.gltfWalls.forEach(gltfItem=>{
- if(gltfItem.spaceId == spaceObj.spaceId && wallDirection == gltfItem.wallDirection && modelItem.id == gltfItem.wallModelData.id){
- console.log("墙体更新", gltfItem.spaceId, spaceObj.spaceId, wallDirection, gltfItem.wallDirection, modelItem.id, gltfItem.wallModelData.id, isComputeWall, direction)
- gltfItem.wallModelData = JSON.parse(JSON.stringify(modelItem));
- gltfItem.willCurWallType = modelItem.willCurWallType
- if(gltfItem.wallModelData.wallType != 0){
- gltfItem.isDidWall = isCreateNewWall;
- }
- }
- })
- }
- console.log("移动墙体模型-墙体信息++++++++",spaceObj.spaceId, direction, wallDirection, isComputeWall, modelItem)
-
- this.wallList.forEach(wallItem=>{
- const walls = JSON.parse(wallItem.wallJson);
-
- walls.wallData.forEach(wall=>{
- wall.wallModelData.forEach(wallmodel=>{
-
- if(wall.wallDirection == wallDirection && wallmodel.id == modelItem.id && walls.spaceId == spaceObj.spaceId){
-
- if(wallmodel.wallType == 0 && wallmodel.isFixedWidth == 'true'){
- wallmodel.wallWidth = modelItem.wallWidth;
- console.log("墙体数据31----实体墙------",spaceObj.spaceId, modelItem.wallWidth, modelItem);
- }
-
- if(wallmodel.wallType != 0){
- wallmodel.wallWidth = modelItem.wallWidth;
- const curWallType = wallType.find(it=>it.type == modelItem.willCurWallType)
- if(curWallType){
- wallmodel.wallType = curWallType.type;
- }
- }
-
- }
- })
- })
- wallItem.wallJson = JSON.stringify(walls);
- })
- })
- })
-
- },
-
- updateAllWallHandle(){
- console.warn("***updateAllWallHandle***")
- this.spaceList.forEach((spaceObj)=>{
-
- let wallObj = this.wallList.find((item)=>{
- return item.id == spaceObj.wallId;
- })
- if(wallObj){
- let element = JSON.parse(wallObj.wallJson);
-
- this.computeWallHandleOld(spaceObj, element);
- }
- })
- for (let index = 0; index < this.gltfWalls.length; index++) {
- const element = this.gltfWalls[index];
- this.drawModel(element.wallModelData, null, element, false)
- }
- },
- loadChangeWallModels(item, resolve){
- var that = this;
- let wallObj = item;
-
- if(item.wallModelData.wallWidth == 0){
- return resolve();
- }
- if(item.wallModelData.willCurWallType && item.wallModelData.willCurWallType != -1){
- const curWallType = wallType.find(it=>it.type == item.wallModelData.willCurWallType)
-
- if(!curWallType){
- return resolve();
- }
- that.loader.load(curWallType.url, ( gltf ) => {
-
-
- let spaceInitMatrix = [];
- wallObj.instancedMeshIndexList.forEach(it=>{
- let _index = it.instancedMeshIndex;
- let instancedMesh = this.instancedMeshList[_index];
- let startMatrix = new THREE.Matrix4();
- instancedMesh.getMatrixAt(it.instancedAtIndex,startMatrix);
- spaceInitMatrix.push({
- index:_index,
- matrix:startMatrix.clone(),
- })
- });
-
- wallObj.instancedMeshIndexList.forEach(it=>{
- let _index = it.instancedMeshIndex;
- let instancedMesh = this.instancedMeshList[_index];
- let tmp = spaceInitMatrix.find(it=>it.index==_index);
- let stratMatrix = tmp.matrix.clone();
-
-
-
- let scaleMatrix = new THREE.Matrix4();
- let panMatrix = new THREE.Matrix4();
-
- scaleMatrix.makeScale(0,0,0);
- panMatrix.makeTranslation(0,0,0);
- stratMatrix.multiply(scaleMatrix).premultiply(panMatrix);
- instancedMesh.instanceMatrix.needsUpdate = true;
- instancedMesh.setMatrixAt(it.instancedAtIndex,stratMatrix);
- })
-
- let newWallObj = JSON.parse(JSON.stringify(item))
-
-
- const wallType = item.wallModelData.willCurWallType;
- console.log("重新组合新模型数据", newWallObj, item.wallModelData, wallType);
-
- newWallObj.willCurWallType = -1;
-
- let wallModelData = newWallObj.wallModelData;
- wallModelData.wallScaleX = 1;
- wallModelData.wallScaleY = 1;
- wallModelData.lastWallType = item.wallModelData.wallType;
- wallModelData.wallType = wallType;
- wallModelData.willCurWallType = -1;
- newWallObj.wallModelData = wallModelData;
- newWallObj.wallScaleX = 1;
- newWallObj.wallScaleY = 1;
-
- let realWallArr = this.preWallData([newWallObj]);
- const realData = realWallArr[0];
-
-
- gltf.scene.traverse((child)=> {
- if (child.isMesh && child.visible) {
- let instancedMesh = new THREE.InstancedMesh(child.geometry.clone(), child.material.clone(), realData.list.length);
- this.instancedMeshList.push(instancedMesh);
-
- realData.list && realData.list.forEach((it,i)=>{
- gltf.scene.position.set(item.wallPositionX, 0, item.wallPositionY);
- gltf.scene.scale.set(1, 1, 1);
- gltf.scene.rotation.y = item.wallRotateY;
-
- gltf.scene.updateMatrixWorld();
- instancedMesh.setMatrixAt(i, child.matrixWorld);
- instancedMesh.instanceMatrix.needsUpdate = true;
-
-
-
- let gltfWall = that.gltfWalls.find(gltfWall=>gltfWall.uniId==it.uniId);
- if(!gltfWall){
- let md = {
- uniId:it.uniId,
- spaceId:it.spaceId,
- instancedMeshIndexList:[
- {instancedMeshIndex:this.instancedMeshList.length-1,instancedAtIndex:i},
- ],
-
-
- wallPositionX:item.wallPositionX,
- wallPositionY:item.wallPositionY,
- wallScaleX:1,
- wallScaleY:1,
- wallRotateY:item.wallRotateY,
- wallWidth:item.wallWidth,
- wallModelData:wallModelData,
- wallModelInitData:item,
- wallDirection:it.wallDirection,
- willCurWallType: -1,
- lastWallType:wallModelData.lastWallType
- };
- that.gltfWalls.push(md);
-
- }else{
- gltfWall.instancedMeshIndexList.push({
- instancedMeshIndex:this.instancedMeshList.length-1,instancedAtIndex:i
- })
- }
- })
- instancedMesh.userType = "mesh";
- that.scene.add(instancedMesh);
- }
- });
-
- resolve();
- })
- }
- resolve();
- }
- }
- }
|