Егор
Егор
1 мин. читать
10348 показов
2526 открытий

Как я сделал сайт с 3D моделью, который получил награду Made on Tilda

Если вы следите за обновлениями подборки Made on Tilda, то могли видеть мой сайт с вращающейся фигуркой. После публикации, мне в телегу посыпались сообщения с вопросами, как добавить на сайт крутящийся объект, а скорость загрузки сайта не пострадала. Сейчас все расскажу в 5 шагов. 

1. Скачиваем Polycam

Сканируем лидаром айфона себя или любой объект, экспортируем в формате STL. 

2. Снижаем частоту полигонов

Здесь.  Это не обязательно, просто даст крутой эффект и не нагружает сайт

3. Закидываем модель в Spline

И ставим материал (можно даже свою фотографию, но надо повозиться с разверткой). Задаем настройки. Самое главное – поставить вращение, прозрачный фон и тд. 

Вставляем в HTML блок тильды

Не забудьте скрыть лого шейпом в цвет фона!

Готово. За 15 минут у вас на сайте крутая 3D модель собственного производства. Ваш сайт уже на пол пути в подборку MOT

Оценить мой сайт можно по ссылке

Если что, пишите в телегу @egaliy

10348
3

Подпишитесь на еженедельный дайджест с лучшими материалами

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

Cпасибо за подписку!

Теперь каждый понедельник вам будет приходить на почту дайджест. Никакого спама, обещаем!

  • Новые
  • Старые
  • Популярные

Читать ещё

Лучшее

Похожее

только для зарегистрированных
только для зарегистрированных
Подтвердите действие
Точно?
Сообщение
Текст
Ошибка загрузки файла
Рекомендуем {optim_res}px или больше. Вес файла не более 5МБ. Вы можете загрузить изображение в формате JPG, JPEG, HEIC, PNG или GIF.
Подтвердите действие