Как реализовать 3D-изображение на сайте?

Question

[MamaLuyba]

Добрый день.
Хотел узнать - как реализована вставка 3D-изображения, на примере сайта apteka.ru.
Товар для примера: https://apteka.ru/catalog/mildronat-025-n40-kaps_1...
Есть ли где-то подробная инструкция, как сделать также?
И можно ли так делать не с коробками, которые легко смоделировать, а с более сложными товарами, типа одежды и обуви? Чтобы можно было именно вращать в разные стороны, а не проигрывать отрывок видео или кадры фото.

Answer 1

[Денис Князев]

threejs.org

Comments

[Максим Тимофеев]

не жирно ли для такой задачи тянуть такого монстра? Да и придется 3d модели под каждый товар делать. Если их 10-к еще куда ни шло, зато красиво и гибко, но если их 100+? Придется вложить кучу денег в разработку 3d моделей.

Answer 2

[Василий Васильев]

Такие анимации делаются именно нарезкой изображений. Иначе будете иметь мороку при блокировке скриптов на клиенте.

Comments

[MamaLuyba]

сколько же там изображений на такой поворот "камеры"?

[Василий Васильев]

зависит от плавности. Для простого горизонтального оборота в 360 градусов - около 20.
Но при такой реализации надо основательно подойти к оптимизации (фиксированный не очень большой размер, сжатие и т.д.).Можно нагуглить софт, который из видео может сделать нарезку кадров заданного интервала.