загрузка
Генерируешь картинку, превращаешь её в объёмную модель за пару минут и ставишь на страницу. Весь путь — за вечер.
Живой объект на странице, который можно крутить. Ни одной программы для трёхмерной графики учить не придётся.
Самый важный шаг — первый. Плохая картинка даёт плохую модель, и дальше это уже не чинится.
Один объект, белый фон, ровный свет. Всё остальное испортит модель.
Попроси Claude сгенерировать прямо в чате или возьми этот запрос в любой генератор:
Сгенерируй изображение [описание объекта] на белом фоне. Объект ровно по центру кадра, без теней, без фона, без дополнительных элементов. Освещение ровное, студийное. Формат: квадрат, максимальное разрешение. Стиль: реалистичный.
Убери фон любым сервисом удаления фона и сохрани с прозрачностью:
https://remove.bg
Бесплатно такие сервисы отдают уменьшенную картинку, и она легко выходит мельче нужных пятисот точек по стороне. Открой скачанный файл и посмотри размер. Мелко, значит два пути: заплатить за полный размер или не возиться с фото вообще и попросить Claude сгенерировать такой же объект на белом фоне запросом выше.
Тени — самая частая ошибка. Генератор любит их добавлять, а потом они превращаются в чёрные пятна на модели.
Загружаешь изображение — через пару минут получаешь готовый объёмный объект.
https://meshy.ai
Регистрация через Google, на бесплатном тарифе сразу дают запас на пятнадцать-двадцать моделей.
Формат GLB — он один файл, с текстурами внутри, и его понимают браузеры. Остальные форматы нужны, только если дальше работаешь в редакторе.
Почти всегда дело в картинке, а не в сервисе. Вернись на шаг назад: убери тени, оставь один объект, увеличь разрешение.
Готовую модель можно поставить на сайт без единой строчки, написанной вручную.
Этот запрос отдаёшь Claude Code, тому, который работает с файлами твоего проекта, а не чату в браузере. Положи файл модели в папку сайта, открой там Claude Code и попроси:
Вот файл модели model.glb. Вставь его на страницу так, чтобы объект медленно вращался, реагировал на движение мыши и подстраивался под ширину экрана. Сделай запасной вариант: если объект не загрузился — показывай обычную картинку.
Проверь на телефоне до публикации. На компьютере всё летает почти всегда, а половина людей придёт с телефона.
Объект стоит. Дальше — движение и сцена посложнее.
Если объект должен не просто крутиться, а двигаться по сценарию — это следующий разбор, «3D-анимация: движение и публикация».
Начни с одного объекта на главной странице. Соблазн поставить трёхмерную сцену на каждый экран велик, но страница от этого становится тяжёлой и медленной, а восторг проходит через два визита.
Гайд показывает путь, который ты проходишь руками. В Академии этот же материал превращается в настройку: какие скиллы и коннекторы поставить, что и куда прописать, чтобы Claude делал эту работу сам, без тебя.
Открыть за 1 990 ₽/мес →Здесь ты повторяешь шаги руками под каждую новую задачу. В Академии настраиваешь это внутри Claude: скиллы, коннекторы и память проекта. Дальше та же работа делается без тебя, а ты только принимаешь результат.