【无标题】

threejs+gsap遇到的坑

坑一

通过gsap控制相机的平滑移动,但是移动到头后会自动旋转相机,给我急的。找不到原因。
记录坑,等以后解决了,更新文章

代码

// An highlighted block
function handleGoStart() {
  console.log('111');

  let dis = 58 - camera.position.x;
  if (dis < 0) {
    return;
  }
  controls.minPolarAngle = Math.PI * 0; //default: 0
  controls.maxPolarAngle = Math.PI * 0.5; //0-90度
  loop.start();
  gsapGoController = gsap.to(camera.position, {
    x: `+=${dis}`,
    duration: dis / 2,
    ease: 'none',
    onComplete: () => {
      loop.stop();
      controls.enabled = false;
      console.log('结束', camera.position);
    }
  });
  //消除棚顶闪烁
  // camera.translateZ(0.1);
  // targetindex = 3;
  // let tempPos = targetArr[2];
  // targetArr = [];
  // targetArr[2] = tempPos;
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值