vue+three.js 地球入场动画 楼层拆分
开场添加星空,地球在星空中入场然后切换到楼宇 可点击实现楼层拆分 报警精灵闪烁。
·
开场添加星空,地球在星空中入场然后切换到楼宇 可点击实现楼层拆分 报警精灵闪烁
分享重要代码地球运动过程:
var camearAnimation = new TWEEN.Tween(_this.camera.position)
.to(new THREE.Vector3(150, 50, 200), 5000).easing(TWEEN.Easing.Quadratic.InOut)
.onUpdate((object) => {
_this.controls.update();
})
.onComplete(function () {
})
.start();
var earthAnimation = new TWEEN.Tween(_this.earthGrp.position)
.to(new THREE.Vector3(0, 0, 0), 4000).easing(TWEEN.Easing.Quadratic.InOut)
.onUpdate((object) => {})
.onComplete(function () {})
.start();
更多推荐
已为社区贡献1条内容
所有评论(0)