Примечание редактора: В рамках нашей небольшой конференции Three.js мы рады, что Эндрю Воан поделился с нами сегодня некоторыми замечательными советами и идеями. В этой статье Эндрю рассматривает, как AI, Blender и Blender MCP можно использовать вместе для ускорения и улучшения различных частей рабочего процесса Blender-to-Three.js, а также предлагает практические идеи, которые вы можете адаптировать к своим собственным проектам. Эндрю также создал фантастическую демонстрацию в качестве своего вклада в празднование, давая вам еще одну возможность изучить его работу. Ты можешь посмотрите демо здесь и найдите исходный код здесь.
🇫🇷 Готовы к Plinko & Pinball в Париже? Читатели Codrops могут использовать код CODROPS получить скидка 15% по билетам. Получить билет →
Прежде чем мы начнем
С помощью нескольких подсказок с помощью AI + Blender MCP вы сможете довольно быстро воссоздать следующие советы и адаптировать их к своему собственному проекту/структуре намного лучше, чем при использовании онлайн-шаблона! Некоторые из этих советов существуют уже давно, но их стоит повторить, потому что теперь их очень быстро создавать. Для тех, кто совершенно не знаком с рабочим процессом/конвейером Blender-to-Three.js, я бы сначала подумал о том, чтобы запросить у ИИ список советов и рекомендаций.
1. Вы можете создать систему кодирования Blender Addon +, которая мгновенно обновляется каждый раз при экспорте.
Вы можете ознакомиться с практическим примером Мерси-Мишель в котором они используют специальную вкладку экспорта в Blender, которая автоматически обновляется в Three.js.
2. Вы можете синхронизировать основные операции вращения/масштабирования/перемещения между Three.js и Blender.
Не стесняйтесь вносить свои изменения в Blender или Three.js! Их можно синхронизировать между собой.
3. Экземпляры Geoscatter работают с Blender MCP.
Аддон Geoscatter for Blender может «работать» с Three.js через Blender MCP. Если вы попросите своего ИИ-агента создать экземпляры на основе дополнения Geoscatter, это сработает! Он также работает с обычными методами разброса, такими как Разброс по поверхности Модификатор узлов геометрии в Blender 5.0+.
4. Используйте пустые объекты и пустые объекты Blender для множества вещей.
Пустые объекты и фиктивные объекты Blender действительно полезны и могут использоваться во многих ситуациях:
- Точки появления источников света, персонажей и т. д.
- Целевые точки для источников света/объектов, на которые нужно смотреть
- Упрощенные коллайдеры
- Точки разворота
Использование пустого значения позволяет LLM копировать информацию о позиции/повороте/местоположении ключа, если вам нужно воссоздать или использовать ее в своем проекте кодирования.
5. Вы можете создать аддон Blender, который вызывает другие аддоны.
Вы можете создать свой собственный аддон Blender, который будет вызывать другие аддоны Blender, которые вы создали или заплатили. Это позволяет вам комбинировать рабочие процессы между платными дополнениями Blender.
6. Объедините несколько шагов с помощью дополнений с кодом Vibe.
Недавно я создал аддон (все еще в разработке) под названием «One Shot Baking», который будет делать все следующее за один клик (после установки нескольких параметров):
- Добавьте вторую UV-карту для запекания на всех объектах.
- Разверните все объекты выбранной коллекции в одну текстуру изображения.
- Упакуйте его либо с помощью системы упаковки Blender, либо вызовите мой аддон UVpackmaster3.
- испечь это
- Уменьшите шум запеченного изображения с помощью композитора Blender.
- Оптимизируйте текстуру изображения
- Дублируйте исходную сетку и подключите ее к новой запеченной текстуре.
- Скрыть исходную сетку
Вы можете увидеть демо этого аддон здесь.
Написание скриптов на Python с помощью Blender — это просто ОП!!! Если то, что вы делаете, работает на вкладке сценариев, то оно будет работать и как дополнение!
7. Преобразование настроек Geometry Node в код Three.js работает достаточно хорошо.
Использование LLM с Blender MCP для анализа настройки узлов геометрии и преобразования ее в среду Three.js — довольно распространенное явление! На удивление, он неплохо работает со многими настройками узлов геометрии. Однако для более сложных настроек вам все равно понадобится человек, который знает, что делает.
8. Запускайте общие инструменты разработки и инструменты командной строки прямо из Blender.
GLTFJSX/KTX2/ImageMagick/gltf-transform и т. д. — это распространенные инструменты командной строки, которые часто воссоздаются для удобства в браузере. Однако на самом деле вы можете просто создать дополнение к Blender, которое будет запускать эти вещи за вас «за кулисами». Таким образом, вы получаете мощность своего компьютера и возможность иметь универсальный магазин для всего, вместо того, чтобы загружать в браузер и повторно загружать. Вам также не нужно каждый раз запрашивать у ИИ сжатие/оптимизацию/конвертацию и т. д. для тебя. Экономьте эти жетоны и расход воды!
9. Обновите Blender до версии 5.2+ LTS для опции сжатия Meshop.
10. Теперь с помощью Three.js Shading Language (TSL) преобразование узлов шейдера Blender стало намного проще.
Если вы еще не слышали, TSL становится новым стандартным способом написания собственных шейдеров с помощью Three.js. Основные разработчики специально создали его, чтобы упростить написание шейдеров и дать возможность компилировать их как в GLSL (старый веб-стандарт веб-графики), так и в WGSL, новый будущий стандарт.
Конечно, у более продвинутых всегда есть возможность написать свой собственный низкоуровневый код, но тем, кто этого не делает, обязательно попробуйте TSL. Он имеет много общего с узлами Blender! Ни один из узлов не является однозначно однозначным, но, на мой взгляд, это ближе и проще для понимания, чем необработанный код GLSL или WGSL для 3D-художников. И да, это не только Блендер! Если вы знакомы с узлами шейдеров/материалов из таких вещей, как Cables.gl или Unity/Unreal, эти знания определенно можно перенести!