Блог

Кто-нибудь знает, как выполнять переходы 2D-изображений через переключающиеся плоскости, поворачивая угол камеры? Я экспериментировал с моделью skybox следующим образом:

 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 при переходе на другое изображение? Любая помощь будет признательна.