3D с ИИ: основы и карта путей

Правило выбора. Если нужен один статичный кадр, хватит картинки: это тема «Генерация изображений». Если предмет должен крутиться, показываться с нескольких согласованных ракурсов, жить в вебе или AR, нужен настоящий меш: тема «Генерация 3D-моделей». Если геометрия должна быть точной (реальный продукт, логотип на изогнутой поверхности) или нужна сцена со светом и камерой, нужен агент в Blender: тема «Агент в Blender». Пути смешиваются: быстрый блокаут в Blender становится референсом для картиночной модели, а сгенерированная модель дорабатывается агентом.

• Меш (mesh). Поверхность из вершин, рёбер и граней. Всё 3D, кроме сплатов ниже, это меши.
• Полигоны и топология. Грани бывают треугольные и четырёхугольные (quad). Для статичного рендера разницы почти нет. Для анимации и деформации нужны квады ровными петлями, иначе модель мнётся. Генераторы в основном выдают треугольники.
• Ретопология, ремеш, децимация. Переделка сетки: ремеш строит новую, децимация упрощает старую. Нужны, чтобы тяжёлую сгенерированную модель довести до веба или анимации.
• UV-развёртка. Карта, которая говорит, какой кусок текстуры ложится на какую грань. Плохая развёртка — швы и растянутые пятна.
• PBR-материалы. Набор текстур, описывающих физику поверхности: базовый цвет, шероховатость, металличность, нормали. Благодаря им один материал одинаково выглядит в Blender, Three.js и AR.
• HDRI. Панорама с реальным светом, которая освещает сцену целиком. Самый быстрый способ получить правдоподобный свет: берёшь с Poly Haven, ставишь, готово.
• Блокаут (blockout). Грубая сборка из примитивов в правильных пропорциях. Сначала коробка нужного размера, потом детали.
• Риг (rig). Скелет внутри модели для анимации. Авторигеры хороши для простых гуманоидов, не для продакшн-персонажей.
• Рендер. Просчёт картинки из сцены. В Blender два движка: Eevee быстрый, Cycles точный и медленный.
• Форматы. GLB/glTF — стандарт для веба и агентов, один файл с геометрией и текстурами. FBX и OBJ — обмен с классическим софтом. USDZ — AR на iPhone. BLEND — проект Blender.
• Гауссовы сплаты. Не меш, а облако размытых точек, снятых с фото или видео. Фотореалистично показывает реальное место или предмет как есть, но не редактируется и не переосвещается.

Порядок шагов в 3D сложился задолго до ИИ, и агент работает по нему лучше, чем в свободном полёте.

1. Референсы со всех ракурсов. Спереди, сбоку, сзади, сверху и три четверти. Генератору — чистый фон, агенту в Blender — ещё и чертёж.
2. Чертёж-бриф до первой команды. Реальные размеры и пропорции, список деталей, материалы с характером поверхности: матовый, глянец, металл, прозрачный. Это главный урок тех, кто уже пробовал: модель, которую не заставили сначала измерить и задокументировать предмет, рисует его на глаз, и потом каждый миллиметр правится руками.
3. Блокаут, потом детали. Коробка правильных пропорций раньше фасок и кнопок.
4. Материалы, потом свет, потом камера. Свет настраивают под готовые материалы, камеру под готовый свет.
5. Самопроверка после каждого шага. Агент рендерит 4–6 ракурсов на один контакт-лист и сравнивает с референсами. Ты утверждаешь, и только потом следующий шаг. Это та же привычка, что в теме «Моушн-ролик кодом»: модель не видит сцену, пока не посмотрит на картинку.
6. Экспорт под место назначения. Для веба GLB со сжатием Draco или Meshopt и текстурами в WebP или KTX2. Для AR на iPhone USDZ. Несжатый GLB на 80 МБ убьёт страницу.

Картинка побеждает по скорости и качеству одного кадра. Nano Banana соберёт мокап флакона на мраморе за минуту, и он будет красивее, чем первый рендер из Blender. Сгенерируй, доработай в том же диалоге (тема «Редактирование изображений и ретушь»), отдай.

Промпт

Product mockup photo: a frosted glass perfume bottle with a brushed metal cap standing on a white marble slab, soft diffused studio light from the upper left, a gentle contact shadow, shallow depth of field, neutral warm grey backdrop, no text, no logos, photorealistic, 4:5

Меш нужен в четырёх случаях. Предмет показывается с нескольких ракурсов, и они должны совпадать. Предмет крутится, анимируется, живёт в веб-интерактиве или AR. Геометрия должна быть точной. Ассет будет использоваться в десятках рендеров и должен быть одним и тем же. Если ни одно не про тебя, оставайся в картинках.

Гибрид работает в обе стороны. Грубый блокаут в Blender, отрендеренный серым, становится структурным референсом для картиночной модели: она сохранит пропорции и ракурс, а материалы и свет нарисует сама. И наоборот: картинка из Nano Banana с пяти ракурсов идёт на вход генератору меша.

Если нужно показать реальный интерьер, помещение или вещь как есть, моделировать не надо. Телефон снимает гауссов сплат: Scaniverse и Polycam на телефоне, Luma Interactive Scenes в облаке. SuperSplat от PlayCanvas чистит и обрезает сплат в браузере и публикует его. Формат SOG уменьшает файл в 15–20 раз по сравнению с PLY, так что сцена грузится на обычной странице.

Ограничение помни: сплат нельзя переосветить, разобрать на детали и поставить в другую сцену. Это фотография в объёме, а не модель.

• Точные промышленные предметы. Размытые фаски, неверные пропорции, слипшиеся детали, выдуманная обратная сторона. Такое собирается блокаутом по размерам, не генерацией.
• Топология для анимации. Треугольники и шум на сетке. Нужна ретопология или модель из стока.
• Текстуры с запечённым светом. Генератор рисует тени прямо в цвет, и в другой сцене предмет выглядит странно.
• Бюджет. Качественная модель сложного гаджета через агента в Blender стоит больше 100 долларов токенов и часы твоего внимания. Часто дешевле купить модель на стоке или взять бесплатную на Poly Haven (всё под CC0) и Sketchfab (лицензию смотри у каждой модели).

Хорошо получаются концепт-рендеры, абстрактные крупные планы, простые предметы: визитка, зажигалка, мокап книги, упаковка. Начни с них.

Пока все собирали с агентом целые миры в Three.js, креативный разработчик Джанлука Ломарко потратил семь дней на один человеческий глаз. Без текстур, без 3D-моделей, без фотографий: только математика, свет и около 400 параметров. Роговица и склера заданы формулами, радужка просчитывается лучами как трёхмерное поле крипт и сосудов, цвет считается по физике пигментов, зрачок реагирует на свет, глаз моргает. Проект открыт: демо random-eyes.vercel.app крутится прямо в браузере, репозиторий на GitHub запускается локально парой команд pnpm install и pnpm dev.

Для этой главы важен не результат, а устройство работы. В нём все принципы темы, доведённые до предела.

• Документ исследования вместо «сделай реалистично». В docs/RESEARCH.md собраны измерения из научных статей: радиус роговицы 7,72 мм, диаметр радужки 11,7 мм, зрачок от 1,5 до 8 мм, закрытие века 0,10 с и открытие 0,21 с. У каждого числа пометка: измерено, посчитано, подобрано на глаз. Это чертёж-бриф, только для глаза.
• Параметры как единственный источник истины. Каждое значение, от толщины радужки до плотности пыли в воздухе, живёт в схеме с диапазоном и единицей измерения. Агент не правит «на месте», он меняет параметр. Поэтому проект можно пересобрать и сравнить версии.
• Рендер рядом с референсом. В папке лежат фотографии реальных глаз. Скрипт capture рендерит каждый пресет рядом со своей фотографией, скрипт compare измеряет расхождение с предыдущей версией. Агент проверяет себя по картинке, а не по ощущению. Это контакт-лист из темы «Моушн-ролик кодом», доведённый до автоматики.
• Правила для агента в файлах. AGENTS.md говорит, какую документацию прочитать перед правкой каждой подсистемы, какие проверки прогнать и что успешная сборка не доказывает, что шейдеры компилируются: доказывает только рендер.

Разметка ошибок стрелками

Последняя ошибка перед финалом

Семь дней на глаз — честная цена такого уровня. Урок для дизайнера не «повтори», а «вот как выглядит обвязка, когда точность важна»: исследование, параметры, референсы, автоматическое сравнение. Чем ближе твоя задача к этому полюсу, тем больше из этого списка понадобится.

Когда предмет нужен не в рендере, а на живой странице, лучший источник референсов пайплайна — раздел 3D в Creative Hub на Codrops. У каждого демо есть описание, что и как сделано, живая версия и исходный код. Это удобно именно для работы с агентом: ссылку на разбор и репозиторий отдаёшь вместе с задачей и просишь взять принцип, а не копировать внешний вид. Так же устроена работа с Codrops в теме «Библиотеки и ресурсы для вайбкодинга», только там эффекты и переходы, а здесь сцены, шейдеры и взаимодействие с 3D-объектами. Прежде чем ставить задачу «hero-секция с 3D», найди там два-три близких демо и посмотри, на чём они собраны: Three.js, React Three Fiber, Spline или шейдеры без геометрии вовсе.

Вот задача: [описание предмета и где он будет показан]. Выбери путь: картинка, генератор меша или агент в Blender. Объясни выбор через четыре критерия: ракурсы, движение, точность геометрии, переиспользование

Вот пять фото предмета с разных ракурсов. Составь чертёж-бриф: габариты в миллиметрах по известной детали [размер], пропорции сторон, список всех деталей с расположением, материалы с характером поверхности. Формат markdown, чтобы отдать агенту в Blender

Объясни на примере кружки, чем отличаются меш, UV-развёртка, PBR-материал и HDRI, и что из этого делает генератор, а что остаётся мне

Мне нужен предмет [название] для веб-страницы. Найди варианты на Poly Haven и Sketchfab, для каждого укажи лицензию, число полигонов и формат. Генерировать с нуля предложи только если готового нет

Вот демо с Codrops: [ссылка на разбор] и [ссылка на репозиторий]. Прочитай код и опиши пайплайн: на чём собрана сцена, откуда модель, как освещена, как реагирует на курсор. Потом предложи, как сделать похожую hero-секцию для моего продукта с моей моделью model.glb, не копируя внешний вид