threejs+gsap 控制摄像头移动,画面异常抖动

使用gsap修改orbitControl.target及camera.position的值达到视角变化的动画

实现过程中画面偶尔伴随轻微抖动现象(如下图)
image

image

层层筛查发现是update的时候orbitControl.update()调用时机的问题

update() {
	// 控制器的更新需要在update的最前面调用
	this._orbitControl.update()
	this._renderer.render(this._scene, this.camera)
	this._css2dRenderer.render(this._scene, this.camera)
	// this._orbitControl.update() 如果放后面调用则会出现抖动
}

具体底层原因不清楚,,望路过知情的好心人帮忙解答一下

posted @ 2024-10-29 13:49  总是被使用  阅读(39)  评论(0编辑  收藏  举报