Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Не пойму как это сделано.. поворот изображения (https://javascript.ru/forum/misc/75326-ne-pojjmu-kak-ehto-sdelano-povorot-izobrazheniya.html)

AleksSergSB 21.09.2018 22:36

Не пойму как это сделано.. поворот изображения
 
Привет!

Подскажите как сделан поворот изображения?
https://www.thenewmobileworkforce.com/back-at-hq

Это не 3D изображение, не видео.
Что это за изображение? Как сделан такой качественный поворот при вращении мышки.

Может кто делал, можете привести примеры.

Aetae 21.09.2018 22:53

Обычный webgl в canvas.

AleksSergSB 21.09.2018 22:58

Цитата:

Сообщение от Aetae (Сообщение 495286)
Обычный webgl в canvas.

вы хотите сказать, что человек в webgl выполнен? Я честно говоря не видел такого уровня webgl.
Можете привести пример изображений такой реалистичности выполненные на чистом webgl?

Не то, чтобы я придираюсь. Но не слишком ли реалистично для webgl ?

j0hnik 21.09.2018 23:10

AleksSergSB,
Братан это многослойная нарезка изображений с параллакс эффектом и translate во всех плоскостях

j0hnik 21.09.2018 23:14

f12 -> sources -> assets ->medias -> 3d-> level-1 -> [scene-0,scene-1...]

AleksSergSB 21.09.2018 23:16

Цитата:

Сообщение от j0hnik (Сообщение 495288)
AleksSergSB,
Братан это многослойная нарезка изображений с параллакс эффектом и translate во всех плоскостях

Было такое предположение. Но это требует вручную создавать такие изображения, потом вручную их совмещать. То есть взять того же человека, нужно заснять с разных ракурсов, потом умудриться совместить.
Как то, слишком сложно чтоль...

j0hnik 21.09.2018 23:18

AleksSergSB,
их вручную и создавали, гляньте спрайты и все поймете, поэтому translate такой маленький, и нет 360.
Я как то подобное делал по проще, но тут конкретно заморочились.

AleksSergSB 21.09.2018 23:21

Цитата:

Сообщение от j0hnik (Сообщение 495289)
f12 -> sources -> assets ->medias -> 3d-> level-1 -> [scene-0,scene-1...]

Ааа дьявол! scene-3 - там наушник и провод отдельный компонент.
Респект!
Все понял!)


Часовой пояс GMT +3, время: 05:20.