GPT 6 Astra в Промто: 3D-модель Бадаевского, барокко в веб-дизайне и новый сайт для правительства Москвы
Смотреть видео: Как выглядит превью 3д в Промто
Как выглядит превью 3д в Промто
GPT Astra уже доступна в Промто. К запуску мы подготовили три примера работы агента: объёмную модель ЖК «Бадаевский», анимированный сайт на Next.js и статичный редизайн mos.ru. Показываем, на что способна новая модель от OpenAI в Промто
3D-модель Бадаевского в формате GLB
Начнем с самого сладкого: 3д моделинг сложных объектов. Для примера попросили агента сделать детальную модель московскго ЖК Бадаевский -- (длинное тире не значит, что пишет агент) он, отличается нестандартной архитектурой и сложными элементами, которые нельзя просто выдумать.
Сделай максимально реалистичную 3D-модель ЖК «Бадаевский» в формате GLB.
Запрос был максимально простым (привет промт-инженерам)
Что тут првоерялос
- Навыки веб-поиска. Мы дали название комплекса и желаемый формат результата. Фотографии, планы, чертежи и ссылки на источники не прикладывали. Агент должен был самостоятельно найти материалы, определить, относятся ли они к нужному объекту и подходят ли для моделирования, разобраться, как их скачать и использовать. Например, план помогает восстановить форму корпусов, а визуализации нужны для фасадов и материалов. - Навыки 3D-моделирования и валидации. Создать геометрию, собрать объекты в сцену, настроить материалы и экспортировать GLB. Затем проверить структуру файла, наличие текстур и открытие в просмотрщике и Blender. Здесь оценивали и визуальное сходство, и техническую корректность результата.
Что получилось
Кажется, получилось очень круто
На выходе получился GLB с 174 объектами и примерно 855 тысячами треугольников. Текстуры находятся внутри файла. Модель открыли в браузере и Blender, где также сделали отдельный рендер.
Её можно вращать, рассматривать с разных сторон, выбирать ракурс и использовать как основу для дальнейшей визуализации. Для презентации объекта риелторами -- просто топ, и точно вызовет вау эффект.
Веб-дизайн с вау-эффектом: барокко, хром и анимация
Вторая задача была про впечатление. Мы взяли mos.ru и попросили сделать смелую версию на Next.js с необычными анимациями.
Первый результат не устроил. Хромированная буква «М» на главном экране выглядела интересно, но остальные секции оставались слишком привычными. Поэтому мы изменили само художественное направление. По смыслу правка была такой:
Смешай барокко и модернизм: классическую живопись, выразительную типографику и объёмные элементы из первого экрана. Измени глобальный стиль сайта.
Тут промт чуть посложнее
Так появилась «Москва. Искусство жить». Тёплая бумага, винный цвет, крупные шрифты с засечками, живописная панорама города и мраморная скульптура с хромированным кольцом.
Объёмная «М» реагирует на движение указателя и прокрутку. При скролле раскрываются створки галереи, приближается портрет, расходится заголовок. Афиши собираются в композицию и наклоняются под курсором. Движение связано с тем, как человек проходит страницу.
За этим стоит работающий проект на Next.js с Three.js и GSAP. В нём есть поиск, переключение городских сервисов и районов, мобильная версия и возможность отключить движение. Иллюстрации для страницы создавались отдельным инструментом генерации изображений; агент объединил их с кодом и 3D-графикой.
Gpt 6 Astra генерирует вау лендинг за один промт на Next.js
Полный результат тут
app-3d54f0e1d1d70348ee5742c4f35d6a7c.promto.site · Москва. Искусство жить
Что здесь проверяли
- Навыки веб-поиска и работы с источником. На входе были ссылка на mos.ru и пожелания к стилю - и на этом все.
- Навык генерации изображений по ходу выполнения задачи
- Навыки 3D-графики и разработки анимаций. Создать объёмную букву, настроить свет, материалы и реакцию на курсор, связать движение элементов с прокруткой. Затем проверить, как всё это работает в браузере, на узком экране и при отключённой анимации
Статичный дизайн: новый взгляд на городской портал
Третий пример решает более прикладную задачу. Нужно было переосмыслить главную страницу mos.ru и получить HTML-дизайн для дальнейшей работы в Промто Дизайне через визульаный редактор по типу Canva и бесплатной публикации (для некст джс нужен сервер, что тоже можно сделать в промто)
Полный результат тут:
moscow-next.promto.site · Москва. На твоей стороне | Концепция mos.ru
Здесь характер задают огромная надпись «МОСКВА», чёрно-белая фотография, красные акценты и строгая сетка. Основная идея сформулирована прямо на первом экране: «Большой город. На твоей стороне».
Ниже находятся повседневные услуги, афиша, новости и раздел района. Запись к врачу, счета, показания счётчиков и школьный дневник вынесены в понятные действия. В этой версии внимание держат композиция, типографика и порядок информации.
Короче, с задаче тоже спарвился отлично!
Как попробовать GPT Astra в Промто
Полное название модели у OpenAI: GPT-6 Astra. Она предназначена для сложных задач с рассуждением, программированием, использованием компьютера, исследованиями и подготовкой документов -- то есть идеальная модель для Промто ОС
Попробовать Promto AI OS можно на promto.ai и узнать больше о нас в телеграм канале @ai_promto