Как создают панорамные сайты с возможностью 360° вращения вокруг объекта?

Question

[DZHAMBUALT]

Наткнулся на этот сайт 5.188.53.63 и мне он очень понравился. Как фронты создают такие вещи. Какие технологии или инструменты используются для реализации. В исходниках нашел кучу фотографий с разных ракурсов и скорее всего происходит подмена при вращении. Это вроде называется псевдо 3д или же еще секвоенция но не уверен. По этим запросам ноль инфы. Можете рассказать об этом и можно ли сделать такое на реакте?

Answer 1

[Дмитрий Беляев]

Здесь самое настоящее 3D на webgl.
Создаётся сфера, на неё натягивается текстура - та самая фотка, камера размещается в центре сферы и вращается по событиям мыши.
Ну и фотка должна быть специально для этого снята, такое умеют 3D камеры.

Comments

[rPman]

тут нет никакого 3d, это заранее срендеренные изображения под разными углами, делать это можно в т.ч. в том же 3d редакторе или специальной программой

[DZHAMBUALT]

А как происходит подмена. Как такое сделать сожете рассказать

Answer 2

[VoidVolker]

F12 -> html -> head -> script -> three.js -> google -> https://threejs.org/
Для статических же 3D панорам обычно используются стандартные tiles map библиотеки типа OpenSeaDragon.

Comments

[DZHAMBUALT]

Прикольно. А можно узнать о такой технике более подробно чтобы можно было бы найти материал и изучить?

[VoidVolker]

DZHAMBUALT, гугл -> школьный учебник информатики -> аналогично для всех остальных тем.

[DZHAMBUALT]

VoidVolker, Вы как всегда на высоте

[VoidVolker]

DZHAMBUALT, всегда пожалуйста - обращайтесь. Могу даже вот ещё такую полезную ссылку подкинуть: bugtraq.ru/forum/faq/general/smart-questions.html