3D-игра за один промпт: разбор эксперимента Саймона Уиллисона с Claude Fable 5
Способность рассуждающих ИИ-моделей генерировать интерактивные веб-приложения за один текстовый запрос знаменует важнейший этап в эволюции автокодинга. Если еще в 2024 году нейросети ограничивались созданием простейших 2D-скриптов или визуализацией концепт-артов, то в 2026 году модель Claude Fable 5 продемонстрировала возможность сборки полноценной браузерной 3D-игры «Raccoon Heist» с процедурной графикой, физикой и стелс-механикой без промежуточной отладки человеком.
Эволюция однопромптовой генерации от текста к WebGL
Эксперимент исследователя Саймона Уиллисона наглядно иллюстрирует качественный сдвиг в возможностях LLM. Раньше создание 3D-сцены требовало от разработчика ручной настройки визуального движка Three.js, подключения сторонних 3D-моделей, отладки освещения и написания игровой логики.
В случае с Claude Fable 5 весь процесс был сведен к единому текстовому запросу в среде Claude Code. Нейросеть не просто сгенерировала изолированный фрагмент кода, а спроектировала целостный однофайловый HTML-документ, содержащий полноценный JavaScript-код с логикой рендеринга Three.js, геометрией объектов и обработкой пользовательского ввода.
Этот переход показывает, что современный ИИ-ассистент способен выступать в роли не просто генератора синтаксиса, но и архитектора клиентского интерфейса. Нейросеть берет на себя рутину по инициализации графического холста (canvas), привязке слушателей событий и настройке игрового цикла (requestAnimationFrame).
Процедурная 3D-графика без внешних файлов и ассетов
Одной из главных трудностей при автономном создании 3D-приложений нейросетями является невозможность загрузки внешних текстур и файлов 3D-моделей (например, файлов формата .gltf или .obj) без заранее подготовленного сервера. Claude Fable 5 обошла это ограничение путем процедурного построения объектов из базовых геометрических примитивов.
- Моделирование персонажей. Главный герой (енот) и охранники (собаки) были собраны в коде из комбинированных сфер, цилиндров и конусов. Модель задала им уникальные цвета и пропорции.
- Окружение и декорации. Игровое поле представляет собой забор, мусорные баки и препятствия, также сформированные процедурно из низкополигональных примитивов Three.js.
- Освещение и тени. В сцене настроены источники света (AmbientLight и DirectionalLight), создающие объемные тени и придающие процедурным объектам законченный стиль.
Процедурный подход избавляет приложение от внешних зависимостей, позволяя автономно запускать сгенерированную веб-страницу в любом стандартном браузере с поддержкой графического стандарта WebGL. Разработчик получает работающий прототип, который не требует дополнительного сервера ассетов или сборки через сложные веб-пакеры.
Механика стелса, физика и пользовательский интерфейс
Сгенерированная игра «Raccoon Heist» — это не статичная 3D-сцена, а полноценный игровой процесс со следующими системами:
- Логика перемещения. Управление персонажем осуществляется с помощью клавиш клавиатуры (WASD или стрелки) с плавным поворотом модели енота в сторону движения.
- Зоны видимости врагов. Охранники перемещаются по заданным траекториям. Перед каждым собачьим патрулем отрисовывается конус света, обозначающий область обнаружения.
- Сбор предметов и победа. Цель игрока — пробраться к мусорным бакам, собрать предметы и избежать попадания в конус видимости патрулей. При обнаружении игра фиксирует проигрыш.
- Интерфейс и адаптивность. Нейросеть добавила поверх WebGL-холста элементы HTML-интерфейса: счетчик собранных предметов, индикатор состояния и экран перезапуска.
Наличие развитой игровой логики подтверждает, что рассуждающая модель удерживает в памяти не только визуальную составляющую, но и состояние игрового процесса, правила столкновений и условия завершения сессии. Программная взаимосвязь между физической моделью и текстовым интерфейсом работает согласованно.
Практическая ценность для разработчиков и дизайнеров
Возможность быстрой генерации 3D-сцен в один промпт открывает совершенно новые горизонты для продуктовой разработки и дизайна. Вместо того чтобы тратить часы на создание каркасных макетов в Figma или сборку демо-стендов, проектировщики могут наглядно тестировать интерактивные концепты в реальном времени.
- Мгновенная проверка гипотез. Идея новой механики или способа навигации проверяется за секунды с помощью генерации работающего фрагмента кода.
- Создание обучающих симуляций. Процедурные 3D-сцены подходят для демонстрации работы сложного оборудования, физических процессов или архитектурных проектов.
- Снижение порога входа. Разработчики, не обладающие глубокими знаниями математики 3D-графики и WebGL, получают возможность создавать объемные интерфейсы.
Технические ограничения и выводы эксперимента
Несмотря на впечатляющий результат однопромптовой генерации, эксперимент подсветил и объективные границы текущего поколения моделей:
- Масштабируемость. Генерация монолитного HTML-файла удобна для демонстрации, но непригодна для крупных проектов с тяжелыми ассетами и развесистой архитектурой.
- Отсутствие скелетной анимации. Процедурные 3D-модели перемещаются без сложной анимации костей (skeletal rigging), что делает движения персонажей упрощенными.
- Кадрирование сцены. На некоторых десктопных разрешениях камера требует ручной подстройки масштаба для идеального охвата игрового поля.
Эксперимент Саймона Уиллисона показывает, что рассуждающие модели уровня Claude Fable 5 способны самостоятельно верстать сложные 3D-интерфейсы и игровые механики. Это открывает широкие возможности для быстрого прототипирования приложений и интерактивных презентаций за считанные секунды. В дальнейшем подобные инструменты станут стандартом для создания прототипов игр и веб-интерфейсов без длительного цикла ручной верстки. Специалисты смогут использовать быстрый промптинг для проверки гипотез перед запуском полноценной разработки. Регулярная практика прототипирования на рассуждающих моделях формирует у команд новые навыки визуального дизайна.