Создать 3D-объект для анимации на HTML-странице

Я строю веб-страницу прямо сейчас, и мой менеджер хочет, чтобы на ней вращалась конкретная земля (имеется в виду: тень и конкретный дизайн земли). У нас есть команда, специализирующаяся на 3D моделях, и они готовы построить объект.

Но ни они, ни я не умеем это правильно строить.

Я думал об использовании библиотеки js canvas и greensock (GSAP), но дело в том, что я не знаю, как интегрировать 3D-объект, каким должно быть расширение этого объекта.

Может быть, WebGl более уместен? Или просто несколько изображений?

У кого-нибудь есть идеи по этому поводу?

РЕДАКТИРОВАТЬ: чтобы быть более конкретным, я не могу использовать GIF или уже сделанные анимации, потому что Земля должна вращаться во время прокрутки. Если вы не прокрутите, земля не будет вращаться. Тогда земля медленно исчезнет, ​​и другой объект займет ее место.

Источник

1 ответ

Решение

Как читается в комментарии, я решил использовать Three.js для загрузки объекта.

Three.js имеет функцию, которая позволяет загружать.OBJ

Затем я буду использовать GSAP (библиотека GreenSock), чтобы заставить его двигаться / вращаться и т. Д.

Источник
Другие вопросы по тегам