загрузка
Продолжение разбора про объёмные объекты: как заставить модель двигаться и как встроить сцену в сайт, чтобы она не тормозила.
От самого простого к сложному. Начинать стоит с первого — его хватает в большинстве случаев.
Объект вращается, покачивается, реагирует на курсор. Ничего дополнительно готовить не нужно — движение задаётся при вставке на страницу.
Подходит для товара, логотипа, украшения раздела.
Некоторые сервисы умеют сразу приделать к модели скелет и типовое движение — ходьбу, поворот, взмах. Годится для персонажей.
Полный контроль, но нужен редактор трёхмерной графики и время на освоение.
Не начинай с третьего. Восемь из десяти задач закрываются первым способом, а времени он занимает несколько минут.
Самый практичный путь: описать нужное словами и получить готовый код.
Вот модель model.glb на странице. Сделай так: — объект медленно вращается вокруг вертикальной оси — при наведении курсора вращение замедляется — при прокрутке страницы объект слегка наклоняется — на телефоне вращение выключено, показывается статичный вид Движение должно быть плавным, без рывков.
Постоянная анимация сажает батарею и греет устройство. На маленьком экране эффект всё равно почти не читается.
Отдельно попроси учесть системную настройку «уменьшить движение»: часть людей включает её из-за укачивания. Для них анимацию нужно отключать.
Если в системе включено «уменьшить движение» — не анимируй, покажи статичный объект.
Объёмная сцена легко превращает быстрый сайт в медленный. Четыре вещи, которые это предотвращают.
Проверь мою страницу с 3D-объектом и оптимизируй: — сожми модель, если она больше 5 МБ — грузи её после основной страницы, не блокируй открытие — на время загрузки показывай заглушку — останавливай анимацию, когда вкладка неактивна Потом покажи, сколько весила модель до и после и сколько времени грузилась страница.
Проверь цифры сам, не на слово. Открой страницу, нажми F12, перейди на вкладку Network и обнови страницу: внизу панели написано, сколько всего загрузилось и за какое время. Запиши эти числа до правок и после.
Три случая, где без программы для трёхмерной графики действительно не обойтись.
Бесплатный редактор Blender:
https://www.blender.org/download/
Порог входа заметный. Но для перечисленных задач альтернатив нет.
Первая осмысленная анимация в редакторе займёт выходные, а не вечер. Если задача разовая — дешевле заказать её человеку, который это умеет.
Пробегись по списку — он ловит почти все проблемы, которые замечают посетители, а не автор.
Проверяй не на своём быстром интернете. Замедление живёт не в настройках браузера, а в инструментах разработчика: нажми F12, вкладка Network, в списке скоростей выбери медленный вариант вроде «Slow 4G». Увидишь то, что видят люди в дороге.
Гайд показывает путь, который ты проходишь руками. В Академии этот же материал превращается в настройку: какие скиллы и коннекторы поставить, что и куда прописать, чтобы Claude делал эту работу сам, без тебя.
Открыть за 1 990 ₽/мес →Здесь ты повторяешь шаги руками под каждую новую задачу. В Академии настраиваешь это внутри Claude: скиллы, коннекторы и память проекта. Дальше та же работа делается без тебя, а ты только принимаешь результат.