|
|
|
|
@ -17,23 +17,23 @@
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import * as THREE from 'three'
|
|
|
|
|
import C3S3D from '@/utils/c3s-3d-1.0.1-e'
|
|
|
|
|
import { TWEEN } from 'three/examples/jsm/libs/tween.module.min.js'
|
|
|
|
|
import * as THREE from "three";
|
|
|
|
|
import C3S3D from "@/utils/c3s-3d-1.0.1-e";
|
|
|
|
|
import { TWEEN } from "three/examples/jsm/libs/tween.module.min.js";
|
|
|
|
|
// 模型参数配置
|
|
|
|
|
import {
|
|
|
|
|
CAMERA_MOVE_DATA,
|
|
|
|
|
getTenToSixteenColor,
|
|
|
|
|
getPointData
|
|
|
|
|
} from '@/utils/modelData.js'
|
|
|
|
|
getPointData,
|
|
|
|
|
} from "@/utils/modelData.js";
|
|
|
|
|
export default {
|
|
|
|
|
name: 'HelloWorld',
|
|
|
|
|
name: "HelloWorld",
|
|
|
|
|
components: {},
|
|
|
|
|
props: {
|
|
|
|
|
modelType: {
|
|
|
|
|
type: String,
|
|
|
|
|
default: () => 'byq'
|
|
|
|
|
}
|
|
|
|
|
default: () => "byq",
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
@ -55,7 +55,7 @@ export default {
|
|
|
|
|
cz: 6000,
|
|
|
|
|
tx: 0,
|
|
|
|
|
ty: 0,
|
|
|
|
|
tz: 1200
|
|
|
|
|
tz: 1200,
|
|
|
|
|
}, // 一层
|
|
|
|
|
{
|
|
|
|
|
time: 1200,
|
|
|
|
|
@ -64,8 +64,8 @@ export default {
|
|
|
|
|
cz: 1500,
|
|
|
|
|
tx: 0,
|
|
|
|
|
ty: 0,
|
|
|
|
|
tz: 0
|
|
|
|
|
}
|
|
|
|
|
tz: 0,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
gisMoveData: [
|
|
|
|
|
{
|
|
|
|
|
@ -75,7 +75,7 @@ export default {
|
|
|
|
|
cz: 6000,
|
|
|
|
|
tx: 0,
|
|
|
|
|
ty: 800,
|
|
|
|
|
tz: 1000
|
|
|
|
|
tz: 1000,
|
|
|
|
|
}, // 一层
|
|
|
|
|
{
|
|
|
|
|
time: 1200,
|
|
|
|
|
@ -84,74 +84,74 @@ export default {
|
|
|
|
|
cz: 1000,
|
|
|
|
|
tx: 0,
|
|
|
|
|
ty: 0,
|
|
|
|
|
tz: 0
|
|
|
|
|
}
|
|
|
|
|
tz: 0,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
geometry: null,
|
|
|
|
|
modelDataObj: null,
|
|
|
|
|
filePath: null,
|
|
|
|
|
modelSiteId: {}
|
|
|
|
|
}
|
|
|
|
|
modelSiteId: {},
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
watch: {
|
|
|
|
|
modelType: function(val) {
|
|
|
|
|
this.clearModel()
|
|
|
|
|
C3S3D.destory(this.ThreeObjs)
|
|
|
|
|
modelType: function (val) {
|
|
|
|
|
this.clearModel();
|
|
|
|
|
C3S3D.destory(this.ThreeObjs);
|
|
|
|
|
// this.modelCurrent(val);
|
|
|
|
|
// this.createdInit();
|
|
|
|
|
this.mountedGetData()
|
|
|
|
|
}
|
|
|
|
|
this.mountedGetData();
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
const modelParameter = JSON.parse(localStorage.getItem('getModelList'))
|
|
|
|
|
const modelParameter = JSON.parse(localStorage.getItem("getModelList"));
|
|
|
|
|
for (let index = 0; index < modelParameter.length; index++) {
|
|
|
|
|
const element = modelParameter[index]
|
|
|
|
|
if (element.modelType == '211') {
|
|
|
|
|
this.modelDataObj = JSON.parse(element.modelParams)
|
|
|
|
|
this.modelSiteId = element
|
|
|
|
|
this.filePath = element.filePath
|
|
|
|
|
break
|
|
|
|
|
const element = modelParameter[index];
|
|
|
|
|
if (element.modelType == "211") {
|
|
|
|
|
this.modelDataObj = JSON.parse(element.modelParams);
|
|
|
|
|
this.modelSiteId = element;
|
|
|
|
|
this.filePath = element.filePath;
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
this.mountedGetData()
|
|
|
|
|
this.mountedGetData();
|
|
|
|
|
},
|
|
|
|
|
beforeDestroy() {
|
|
|
|
|
C3S3D.destory(this.ThreeObjs)
|
|
|
|
|
C3S3D.destory(this.ThreeObjs);
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
mountedGetData() {
|
|
|
|
|
this.$store.dispatch('getModelData').then(() => {
|
|
|
|
|
const type = this.modelType == 'byq' ? '111' : '211'
|
|
|
|
|
const modelParameter = JSON.parse(localStorage.getItem('getModelList'))
|
|
|
|
|
console.log('-5-95-5-5-5', modelParameter, type)
|
|
|
|
|
this.$store.dispatch("getModelData").then(() => {
|
|
|
|
|
const type = this.modelType == "byq" ? "111" : "211";
|
|
|
|
|
const modelParameter = JSON.parse(localStorage.getItem("getModelList"));
|
|
|
|
|
console.log("-5-95-5-5-5", modelParameter, type);
|
|
|
|
|
for (let index = 0; index < modelParameter.length; index++) {
|
|
|
|
|
const element = modelParameter[index]
|
|
|
|
|
const element = modelParameter[index];
|
|
|
|
|
if (element.modelType == type) {
|
|
|
|
|
this.modelDataObj = JSON.parse(element.modelParams)
|
|
|
|
|
this.filePath = element.filePath
|
|
|
|
|
break
|
|
|
|
|
this.modelDataObj = JSON.parse(element.modelParams);
|
|
|
|
|
this.filePath = element.filePath;
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
console.log(!this.modelDataObj, 'wqeqweqewqe')
|
|
|
|
|
console.log(!this.modelDataObj, "wqeqweqewqe");
|
|
|
|
|
if (!this.modelDataObj) {
|
|
|
|
|
this.$bus.$emit('animateState', true)
|
|
|
|
|
return
|
|
|
|
|
this.$bus.$emit("animateState", true);
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
this.$nextTick(() => {
|
|
|
|
|
this.createdInit()
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
this.createdInit();
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
createdInit() {
|
|
|
|
|
this.modelDataInit()
|
|
|
|
|
this.init()
|
|
|
|
|
this.modelDataInit();
|
|
|
|
|
this.init();
|
|
|
|
|
},
|
|
|
|
|
modelDataInit() {
|
|
|
|
|
const data = this.modelDataObj
|
|
|
|
|
const data = this.modelDataObj;
|
|
|
|
|
this.modelData = {
|
|
|
|
|
modelName: '111', // 模型名称
|
|
|
|
|
modelName: "111", // 模型名称
|
|
|
|
|
modelZoom: data.modelZoom, // 模型缩放
|
|
|
|
|
modelDraco: true, // 是否为Draco文件
|
|
|
|
|
modelRotateAct: data.modelRotateAct, // 是否开启自动旋转
|
|
|
|
|
@ -161,41 +161,41 @@ export default {
|
|
|
|
|
rotationVal: data.rotation,
|
|
|
|
|
Point: {
|
|
|
|
|
color: data.pointLight.color,
|
|
|
|
|
intensity: data.pointLight.intensity
|
|
|
|
|
intensity: data.pointLight.intensity,
|
|
|
|
|
},
|
|
|
|
|
Ambient: {
|
|
|
|
|
color: data.ambientLight.color,
|
|
|
|
|
intensity: data.ambientLight.intensity
|
|
|
|
|
intensity: data.ambientLight.intensity,
|
|
|
|
|
},
|
|
|
|
|
pointIntensity: 0.3
|
|
|
|
|
}
|
|
|
|
|
pointIntensity: 0.3,
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
// 初始化
|
|
|
|
|
init: function() {
|
|
|
|
|
const data = this.modelData
|
|
|
|
|
this.modelState = true
|
|
|
|
|
init: function () {
|
|
|
|
|
const data = this.modelData;
|
|
|
|
|
this.modelState = true;
|
|
|
|
|
const lightList = [
|
|
|
|
|
// 环境光
|
|
|
|
|
{
|
|
|
|
|
type: 'Ambient',
|
|
|
|
|
type: "Ambient",
|
|
|
|
|
color: getTenToSixteenColor(data.Ambient.color),
|
|
|
|
|
intensity: data.Ambient.intensity
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
intensity: data.Ambient.intensity,
|
|
|
|
|
},
|
|
|
|
|
];
|
|
|
|
|
// 环绕点光源
|
|
|
|
|
const pointData = getPointData(
|
|
|
|
|
data.Point.intensity,
|
|
|
|
|
getTenToSixteenColor(data.Point.color)
|
|
|
|
|
)
|
|
|
|
|
);
|
|
|
|
|
if (pointData) {
|
|
|
|
|
for (let index = 0; index < pointData.length; index++) {
|
|
|
|
|
const element = pointData[index]
|
|
|
|
|
const element = pointData[index];
|
|
|
|
|
lightList.push({
|
|
|
|
|
type: 'Point',
|
|
|
|
|
type: "Point",
|
|
|
|
|
color: element.color,
|
|
|
|
|
intensity: element.intensity,
|
|
|
|
|
position: element.position
|
|
|
|
|
})
|
|
|
|
|
position: element.position,
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
this.ThreeObjs = C3S3D.init({
|
|
|
|
|
@ -207,21 +207,21 @@ export default {
|
|
|
|
|
position: [
|
|
|
|
|
data.cameraPosition.x,
|
|
|
|
|
data.cameraPosition.y,
|
|
|
|
|
data.cameraPosition.z
|
|
|
|
|
]
|
|
|
|
|
data.cameraPosition.z,
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
controls: {
|
|
|
|
|
noRotate: false,
|
|
|
|
|
autoRotate: true,
|
|
|
|
|
autoRotateSpeed: 2
|
|
|
|
|
autoRotateSpeed: 2,
|
|
|
|
|
},
|
|
|
|
|
renderer: {
|
|
|
|
|
alpha: 0
|
|
|
|
|
alpha: 0,
|
|
|
|
|
},
|
|
|
|
|
// css3dRenderer: {},
|
|
|
|
|
light: lightList,
|
|
|
|
|
update: (dt) => {
|
|
|
|
|
this.update(dt)
|
|
|
|
|
this.update(dt);
|
|
|
|
|
},
|
|
|
|
|
// 鼠标点击事件
|
|
|
|
|
clickCallback: (e) => {
|
|
|
|
|
@ -231,14 +231,14 @@ export default {
|
|
|
|
|
dblclickCallback: () => {},
|
|
|
|
|
// 鼠标移动
|
|
|
|
|
mousemoveCallback: (e) => {
|
|
|
|
|
this.onMouseMove(e)
|
|
|
|
|
this.onMouseMove(e);
|
|
|
|
|
},
|
|
|
|
|
// 鼠标摁下
|
|
|
|
|
mousedownCallback: () => {}
|
|
|
|
|
})
|
|
|
|
|
mousedownCallback: () => {},
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
this.loadGltf()
|
|
|
|
|
this.initOutline()
|
|
|
|
|
this.loadGltf();
|
|
|
|
|
this.initOutline();
|
|
|
|
|
},
|
|
|
|
|
update() {
|
|
|
|
|
// C3S3D.update(this.ThreeObjs);
|
|
|
|
|
@ -252,30 +252,30 @@ export default {
|
|
|
|
|
pulsePeriod: 5,
|
|
|
|
|
visibleEdgeColor: 0x00ff00,
|
|
|
|
|
hiddenEdgeColor: 0x00ff00,
|
|
|
|
|
downSampleRatio: 1
|
|
|
|
|
})
|
|
|
|
|
downSampleRatio: 1,
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
// 清除模型
|
|
|
|
|
clearModel() {
|
|
|
|
|
// 清除局部的模型
|
|
|
|
|
if (this.ThreeObjs.scene !== null) {
|
|
|
|
|
// 必须要清空当前div下的canvas不然canvas会继续叠加
|
|
|
|
|
const domDiv = document.getElementById('modelContainers')
|
|
|
|
|
const domDiv = document.getElementById("modelContainers");
|
|
|
|
|
if (domDiv !== null) {
|
|
|
|
|
domDiv.removeChild(domDiv.firstChild)
|
|
|
|
|
domDiv.removeChild(domDiv.firstChild);
|
|
|
|
|
}
|
|
|
|
|
// 确保3D相关对象已销毁
|
|
|
|
|
window.cancelAnimationFrame(stop) // 可以取消动画
|
|
|
|
|
this.ThreeObjs.scene = null
|
|
|
|
|
this.ThreeObjs.camera = null
|
|
|
|
|
this.ThreeObjs.renderer = null
|
|
|
|
|
this.ThreeObjs.orbitControls = null
|
|
|
|
|
window.cancelAnimationFrame(stop); // 可以取消动画
|
|
|
|
|
this.ThreeObjs.scene = null;
|
|
|
|
|
this.ThreeObjs.camera = null;
|
|
|
|
|
this.ThreeObjs.renderer = null;
|
|
|
|
|
this.ThreeObjs.orbitControls = null;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
loadGltf() {
|
|
|
|
|
const group = new THREE.Object3D()
|
|
|
|
|
this.ThreeObjs.scene.add(group)
|
|
|
|
|
const group = new THREE.Object3D();
|
|
|
|
|
this.ThreeObjs.scene.add(group);
|
|
|
|
|
C3S3D.loadGltf({
|
|
|
|
|
// url:
|
|
|
|
|
// process.env.VUE_APP_MODEL_API +
|
|
|
|
|
@ -288,37 +288,37 @@ export default {
|
|
|
|
|
rotation: {
|
|
|
|
|
x: C3S3D.toRadian(this.modelData.rotationVal.x),
|
|
|
|
|
y: C3S3D.toRadian(this.modelData.rotationVal.y),
|
|
|
|
|
z: C3S3D.toRadian(this.modelData.rotationVal.z)
|
|
|
|
|
z: C3S3D.toRadian(this.modelData.rotationVal.z),
|
|
|
|
|
},
|
|
|
|
|
draco: this.modelData.modelDraco,
|
|
|
|
|
onProgress: (percentage, val) => {
|
|
|
|
|
if (percentage >= 100) {
|
|
|
|
|
this.loading = false
|
|
|
|
|
this.loading = false;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
onLoad: (geometry) => {
|
|
|
|
|
this.geometry = geometry
|
|
|
|
|
this.modelState = false
|
|
|
|
|
if (this.modelType == 'byq') {
|
|
|
|
|
this.startAutoPatrol(this.geometry, this.byqMoveData)
|
|
|
|
|
this.geometry = geometry;
|
|
|
|
|
this.modelState = false;
|
|
|
|
|
if (this.modelType == "byq") {
|
|
|
|
|
this.startAutoPatrol(this.geometry, this.byqMoveData);
|
|
|
|
|
} else {
|
|
|
|
|
this.startAutoPatrol(this.geometry, this.gisMoveData)
|
|
|
|
|
this.startAutoPatrol(this.geometry, this.gisMoveData);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
onMouseClick(event) {
|
|
|
|
|
const selectObject = C3S3D.getIntersectsFirstMesh(
|
|
|
|
|
event,
|
|
|
|
|
this.ThreeObjs,
|
|
|
|
|
this.ThreeObjs.scene.children
|
|
|
|
|
)
|
|
|
|
|
);
|
|
|
|
|
if (selectObject) {
|
|
|
|
|
// 模型组件点亮
|
|
|
|
|
C3S3D.outlineLight(this.ThreeObjs, [selectObject])
|
|
|
|
|
C3S3D.outlineLight(this.ThreeObjs, [selectObject]);
|
|
|
|
|
// C3S3D.spreadLeftAndRight(this.geometry, 1, 100, 0, 1000);
|
|
|
|
|
} else {
|
|
|
|
|
C3S3D.outlineLight(this.ThreeObjs, [])
|
|
|
|
|
C3S3D.outlineLight(this.ThreeObjs, []);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 鼠标经过高亮部件
|
|
|
|
|
@ -327,24 +327,24 @@ export default {
|
|
|
|
|
event,
|
|
|
|
|
this.ThreeObjs,
|
|
|
|
|
this.ThreeObjs.scene.children
|
|
|
|
|
)
|
|
|
|
|
);
|
|
|
|
|
if (this.modelData.modelRotateAct) {
|
|
|
|
|
if (selectObject) {
|
|
|
|
|
this.ThreeObjs.orbitControls.autoRotate = false
|
|
|
|
|
this.ThreeObjs.orbitControls.autoRotate = false;
|
|
|
|
|
} else {
|
|
|
|
|
this.ThreeObjs.orbitControls.autoRotate = true
|
|
|
|
|
this.ThreeObjs.orbitControls.autoRotate = true;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
startAutoPatrol(val, data) {
|
|
|
|
|
this.patrolPoints = data
|
|
|
|
|
this.patrolIndex = 0
|
|
|
|
|
this.doPatrol(this.patrolPoints[this.patrolIndex])
|
|
|
|
|
this.patrolPoints = data;
|
|
|
|
|
this.patrolIndex = 0;
|
|
|
|
|
this.doPatrol(this.patrolPoints[this.patrolIndex]);
|
|
|
|
|
},
|
|
|
|
|
// 相机移动
|
|
|
|
|
doPatrol(point) {
|
|
|
|
|
const cameraPos = this.ThreeObjs.camera.position.clone()
|
|
|
|
|
const targetPos = this.ThreeObjs.orbitControls.target.clone()
|
|
|
|
|
const cameraPos = this.ThreeObjs.camera.position.clone();
|
|
|
|
|
const targetPos = this.ThreeObjs.orbitControls.target.clone();
|
|
|
|
|
this.patrolTween = C3S3D.createTween({
|
|
|
|
|
start: {
|
|
|
|
|
cx: cameraPos.x,
|
|
|
|
|
@ -352,7 +352,7 @@ export default {
|
|
|
|
|
cz: cameraPos.z,
|
|
|
|
|
tx: targetPos.x,
|
|
|
|
|
ty: targetPos.y,
|
|
|
|
|
tz: targetPos.z
|
|
|
|
|
tz: targetPos.z,
|
|
|
|
|
},
|
|
|
|
|
to: {
|
|
|
|
|
cx: point.cx,
|
|
|
|
|
@ -360,36 +360,36 @@ export default {
|
|
|
|
|
cz: point.cz,
|
|
|
|
|
tx: point.tx,
|
|
|
|
|
ty: point.ty,
|
|
|
|
|
tz: point.tz
|
|
|
|
|
tz: point.tz,
|
|
|
|
|
},
|
|
|
|
|
duration: point.time,
|
|
|
|
|
|
|
|
|
|
delayTime: 1,
|
|
|
|
|
onUpdate: (obj) => {
|
|
|
|
|
this.ThreeObjs.camera.position.set(obj.cx, obj.cy, obj.cz)
|
|
|
|
|
this.ThreeObjs.orbitControls.target.set(obj.tx, obj.ty, obj.tz)
|
|
|
|
|
this.ThreeObjs.camera.position.set(obj.cx, obj.cy, obj.cz);
|
|
|
|
|
this.ThreeObjs.orbitControls.target.set(obj.tx, obj.ty, obj.tz);
|
|
|
|
|
},
|
|
|
|
|
onComplete: () => {
|
|
|
|
|
this.patrolTween = null
|
|
|
|
|
this.patrolIndex++
|
|
|
|
|
this.patrolTween = null;
|
|
|
|
|
this.patrolIndex++;
|
|
|
|
|
if (this.patrolIndex >= this.patrolPoints.length) {
|
|
|
|
|
// 模型加完成
|
|
|
|
|
return
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
easing: TWEEN.Easing.Linear.None
|
|
|
|
|
})
|
|
|
|
|
easing: TWEEN.Easing.Linear.None,
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
// 相机视角移动动画
|
|
|
|
|
startAutoPatrol(val, data) {
|
|
|
|
|
this.patrolPoints = data
|
|
|
|
|
this.patrolIndex = 0
|
|
|
|
|
this.doPatrol(this.patrolPoints[this.patrolIndex])
|
|
|
|
|
this.patrolPoints = data;
|
|
|
|
|
this.patrolIndex = 0;
|
|
|
|
|
this.doPatrol(this.patrolPoints[this.patrolIndex]);
|
|
|
|
|
},
|
|
|
|
|
// 相机移动
|
|
|
|
|
doPatrol(point) {
|
|
|
|
|
const cameraPos = this.ThreeObjs.camera.position.clone()
|
|
|
|
|
const targetPos = this.ThreeObjs.orbitControls.target.clone()
|
|
|
|
|
const cameraPos = this.ThreeObjs.camera.position.clone();
|
|
|
|
|
const targetPos = this.ThreeObjs.orbitControls.target.clone();
|
|
|
|
|
this.patrolTween = C3S3D.createTween({
|
|
|
|
|
start: {
|
|
|
|
|
cx: cameraPos.x,
|
|
|
|
|
@ -397,7 +397,7 @@ export default {
|
|
|
|
|
cz: cameraPos.z,
|
|
|
|
|
tx: targetPos.x,
|
|
|
|
|
ty: targetPos.y,
|
|
|
|
|
tz: targetPos.z
|
|
|
|
|
tz: targetPos.z,
|
|
|
|
|
},
|
|
|
|
|
to: {
|
|
|
|
|
cx: point.cx,
|
|
|
|
|
@ -405,29 +405,29 @@ export default {
|
|
|
|
|
cz: point.cz,
|
|
|
|
|
tx: point.tx,
|
|
|
|
|
ty: point.ty,
|
|
|
|
|
tz: point.tz
|
|
|
|
|
tz: point.tz,
|
|
|
|
|
},
|
|
|
|
|
duration: point.time,
|
|
|
|
|
delayTime: 1,
|
|
|
|
|
onUpdate: (obj) => {
|
|
|
|
|
this.ThreeObjs.camera.position.set(obj.cx, obj.cy, obj.cz)
|
|
|
|
|
this.ThreeObjs.orbitControls.target.set(obj.tx, obj.ty, obj.tz)
|
|
|
|
|
this.ThreeObjs.camera.position.set(obj.cx, obj.cy, obj.cz);
|
|
|
|
|
this.ThreeObjs.orbitControls.target.set(obj.tx, obj.ty, obj.tz);
|
|
|
|
|
},
|
|
|
|
|
onComplete: () => {
|
|
|
|
|
this.patrolTween = null
|
|
|
|
|
this.patrolIndex++
|
|
|
|
|
this.patrolTween = null;
|
|
|
|
|
this.patrolIndex++;
|
|
|
|
|
if (this.patrolIndex >= this.patrolPoints.length) {
|
|
|
|
|
this.moveSatate = true
|
|
|
|
|
this.$bus.$emit('animateState', true)
|
|
|
|
|
return
|
|
|
|
|
this.moveSatate = true;
|
|
|
|
|
this.$bus.$emit("animateState", true);
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
this.doPatrol(this.patrolPoints[this.patrolIndex])
|
|
|
|
|
this.doPatrol(this.patrolPoints[this.patrolIndex]);
|
|
|
|
|
},
|
|
|
|
|
easing: TWEEN.Easing.Linear.None
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
easing: TWEEN.Easing.Linear.None,
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style lang="scss">
|
|
|
|
|
|
fanluyan
6 months ago