ThreeJS 通过切换平面和旋转相机角度的图像过渡

问题描述

有谁知道如何通过旋转相机角度来切换平面来进行 2d 图像转换?我一直在试验天空盒模型如下:

const loader = new THREE.CubeTextureLoader();
const texture = loader.load([
  'image1.jpg','image2.jpg','image3.jpg','image4.jpg','image5.jpg','image6.jpg',]);
scene.background = texture;

但是,我希望相机在旋转之前先放大一点,这样 2D 图像看起来就像是 3D。一个很好的例子是 https://travelshift.com用户甚至可以通过按住鼠标按钮来控制摄像头,即使摄像头角度仍然恰好保持在页面的中心。

我也试过搜索图像失真,看看能不能达到类似的效果。但是在创建了几个图像失真动画后,我意识到由于 JQuery 中缺少相机视角,我无法接近任何地方。

有没有人对如何使 2d 图像在过渡到另一个图像时看起来 3d 有任何想法?任何帮助将不胜感激。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)