Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.09.2018, 22:36
Аспирант
Отправить личное сообщение для AleksSergSB Посмотреть профиль Найти все сообщения от AleksSergSB
 
Регистрация: 20.11.2016
Сообщений: 74

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

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

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

Может кто делал, можете привести примеры.
Ответить с цитированием
  #2 (permalink)  
Старый 21.09.2018, 22:53
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,480

Обычный webgl в canvas.
__________________
29375, 35
Ответить с цитированием
  #3 (permalink)  
Старый 21.09.2018, 22:58
Аспирант
Отправить личное сообщение для AleksSergSB Посмотреть профиль Найти все сообщения от AleksSergSB
 
Регистрация: 20.11.2016
Сообщений: 74

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

Не то, чтобы я придираюсь. Но не слишком ли реалистично для webgl ?
Ответить с цитированием
  #4 (permalink)  
Старый 21.09.2018, 23:10
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

AleksSergSB,
Братан это многослойная нарезка изображений с параллакс эффектом и translate во всех плоскостях
Ответить с цитированием
  #5 (permalink)  
Старый 21.09.2018, 23:14
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

f12 -> sources -> assets ->medias -> 3d-> level-1 -> [scene-0,scene-1...]
Ответить с цитированием
  #6 (permalink)  
Старый 21.09.2018, 23:16
Аспирант
Отправить личное сообщение для AleksSergSB Посмотреть профиль Найти все сообщения от AleksSergSB
 
Регистрация: 20.11.2016
Сообщений: 74

Сообщение от j0hnik Посмотреть сообщение
AleksSergSB,
Братан это многослойная нарезка изображений с параллакс эффектом и translate во всех плоскостях
Было такое предположение. Но это требует вручную создавать такие изображения, потом вручную их совмещать. То есть взять того же человека, нужно заснять с разных ракурсов, потом умудриться совместить.
Как то, слишком сложно чтоль...
Ответить с цитированием
  #7 (permalink)  
Старый 21.09.2018, 23:18
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

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

Последний раз редактировалось j0hnik, 22.09.2018 в 00:27.
Ответить с цитированием
  #8 (permalink)  
Старый 21.09.2018, 23:21
Аспирант
Отправить личное сообщение для AleksSergSB Посмотреть профиль Найти все сообщения от AleksSergSB
 
Регистрация: 20.11.2016
Сообщений: 74

Сообщение от j0hnik Посмотреть сообщение
f12 -> sources -> assets ->medias -> 3d-> level-1 -> [scene-0,scene-1...]
Ааа дьявол! scene-3 - там наушник и провод отдельный компонент.
Респект!
Все понял!)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
background resize IceDvl jQuery 4 25.04.2014 17:54
Как в шаблоне диррективы узнать массив это или строка? delias Angular.js 1 18.03.2014 07:33
Как отобразить img только после загрузки всего изображения overdrive Общие вопросы Javascript 6 06.11.2012 20:02
http://gigalit.info - Мои контакты Маэстро Ваши сайты и скрипты 70 08.12.2011 03:12
Подскажите как это сделано Петр Общие вопросы Javascript 14 02.10.2009 13:41