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

Question

有谁知道如何通过旋转相机角度通过切换平面进行 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 有任何想法？任何帮助，将不胜感激。

标签： imagecameratransitionplane