前言:
而今朋友们对“javascript旋转图片”大概比较关心,朋友们都需要了解一些“javascript旋转图片”的相关内容。那么小编在网摘上收集了一些关于“javascript旋转图片””的相关文章,希望兄弟们能喜欢,姐妹们一起来了解一下吧!THREEJS加载fbx模型,经过镜头动画跳转到相应的目标位置,效果如下图:
涉及依赖:
THREEJS 128版本FBXLoaderOrbControlsTWEENJS
threejs加载模型使用的FBXLoader库,其中中OrbitControls可以控制模型的旋转、移动以及缩放,但是如果要实现镜头飞行到特定区域需要自己去实现相应代码。逻辑比较简单,首先需要确定目标位置的坐标、旋转角度、仰角以及OrbitControls的目标位置(为了下一次操作目标位置不正确的问题),然后利用TWEEN,加上动画即可。
// 主要动画代码TWEEN.tween(start).to(target).onUpdate(()=>{ camera.position = start .....}).start().onComplete(()=>{ // 设置orbitcontrols的目标位置 // 下一次缩放,移动等操作不会出问题 orbControl.target.set(t.x, t.y, t.z)})
版权声明:
本站文章均来自互联网搜集,如有侵犯您的权益,请联系我们删除,谢谢。
标签: #javascript旋转图片