Пульс города
Интерактивный 3D-атлас мобильности Нью-Йорка, показывающий работу жёлтых такси в январе 2025 года: 3D-карта, воспроизведение движения по часам, анализ зон и сравнение со средними значениями для будних и выходных дней.
Интерактив
Промпты для интерактивного 3D и примеры сайтов
Исследуйте 3D-портфолио, демонстрации продуктов и интерактивные эксперименты. Выберите интересное взаимодействие и добавьте свою тему и визуальный стиль.
3D-промпты, которые стоит попробовать
Идеи для твоих проектов: 61
Интерактивная демонстрация фэнтезийной графики
Промпт для Dream Loop Plus, создающий браузерную фэнтезийную сцену на Three.js с изометрической камерой, управляемым персонажем, отражающими мокрыми поверхностями и фоновым движением объектов. Автор обозначает его как демонстрационный промпт для GPT-5.6 Luna xhigh; в публикации сказано, что Astra выполняет визуальную часть работы в оптимизированном процессе.
Интерактивный 3D-коллайдер частиц
Рекомендуемый автором стартовый промпт для создания интерактивного 3D-коллайдера частиц по мотивам БАК CERN и детектора ATLAS в одном автономном HTML-файле. Это промпт для создания похожего проекта, а не точная формулировка запроса, использованного для показанного результата.
Иммерсивный 3D-сайт с рисовыми полями
Промпт для создания браузерного 3D-пейзажа с рисовыми полями на Three.js: естественная анимация ветра, режимы освещения и камеры, адаптивное управление, процедурная растительность и рендеринг в реальном времени.
WebGL-проект Храма моления о хорошем урожае в Храме Неба в Пекине на TypeScript + Three.js
В исходной публикации показаны 3D-модель Храма моления о хорошем урожае в Храме Неба в Пекине и веб-визуализация, созданные с помощью GPT-6 Astra и Three.js; позднее автор опубликовал полный текст китайского промпта для создания подобных проектов.
Интерактивное желейное лимонное дерево
Создаёт интерактивное 3D-желейное лимонное дерево в WebGPU: ветви раскачиваются, лимоны можно выбирать мышью, а физика отвечает за их сжатие и отскок.
Интерактивный робот-питомец на верстаке
Подробная спецификация игры на Three.js о четырёхногом роботе с выразительной анимацией, видимыми элементами батареи, зарядкой и тремя заданиями с предметами.
Бесконечная миниатюрная улица на Three.js WebGPU
Создайте интерактивную миниатюрную уличную сцену с велосипедом курьера, магазинами, эффектами мокрой дороги, разбросанными листьями, слегка изогнутым миром, стилем пиксельной графики и настраиваемыми параметрами Forge.
Интерактивная взрыв-схема смартфона
Создайте 3D-визуализацию смартфона с ползунком разборки и сборки, выбором компонентов и объяснением функций каждой детали.
Интерактивный атлас разобранного настольного компьютера
Создайте интерактивный 3D-сайт, на котором настольный компьютер разделяется на 29 основных компонентов. Добавьте анимацию разборки и пояснения к каждой детали.
Интерактивный Сеул в миниатюре
Создайте миниатюру Сеула в Three.js по открытым картографическим данным. Добавьте навигацию по районам, пролёты между достопримечательностями, дневной и ночной режимы и сенсорное управление. Укажите упрощённые здания, приблизительные высоты и лицензии данных.
Интерактивное энергетическое ядро с двумя кольцами
Смоделируйте в Blender энергетическое ядро, два кольца и металлическое основание. Экспортируйте материалы в просмотрщик Three.js с управлением вращением, масштабом, автоматическим облётом и пульсацией.
Личная комната как интерактивное портфолио
Превратите личную комнату в интерактивный сайт-знакомство. Постройте сцену и выполните запекание в Blender, затем добавьте пар от кофе, анимацию в стиле «Матрицы» и ненавязчивые шейдерные эффекты.
Игровая квартира по мотивам D4
Изучите квартиру главного героя D4 и воссоздайте её как игровой 3D-прототип. Сверяйте планировку и взаимодействия с референсами, не предполагая заранее точного воспроизведения.
Интерактивный 3D-ансамбль с аудиосинхронной анимацией
Перед Astra стояла задача создать оригинальную короткую композицию и интерактивный 3D-ансамбль с анимацией, синхронизированной с аудио, перемоткой, замедленным воспроизведением, управлением камерой, поддержкой MIDI и исходными файлами.
Орбитальный исследователь Солнечной системы
Создайте браузерный исследователь Солнечной системы на Three.js с восемью планетами и двадцатью спутниками. Добавьте перемещение камеры и упрощённое планирование космических полётов.
Глубоководный лендинг с биолюминесценцией
Создайте глубоководный лендинг с эффектами воды Three.js, тёмным стеклоподобным интерфейсом и движением, связанным с прокруткой. Объедините 3D-атмосферу с понятными веб-взаимодействиями и адаптацией к разным экранам.
Интерактивная демонстрация Hyperloop
Создай интерактивную демонстрацию Hyperloop на Three.js, показывающую транспортную капсулу, трубную инфраструктуру и движение по системе.
3D-сайт студии с анимацией при прокрутке
Преврати предоставленное изображение в сцену Three.js внутри сайта студии с плавной анимацией при прокрутке. Согласуй движение камеры, типографику и переходы между разделами.
История продукта с преломляющей свет бутылкой
Создай интерактивный продуктовый сайт вокруг фотореалистичной стеклянной бутылки WebGL. Используй жидкость с преломлением, вращение при прокрутке и выразительную типографику, сохранив производительность браузера.
Автомат с капсулами воспоминаний
Создай 3D-автомат с капсулами воспоминаний. Поворот ручки должен выпускать воспоминание; смоделируй механизм в Blender и добавь падающим капсулам правдоподобное движение и звук.
Анимированная диорама для знакомства с продуктом
Создай небольшую обучающую диораму в Blender и оживи её в Three.js. Используй ясные центральные объекты и короткие анимации, чтобы объяснить первые действия пользователя.
Интерактивная анатомия человека с разнесением структур
Создай 3D-сайт по анатомии, на котором тело человека разделяется на структуры для самостоятельного осмотра. Дай перемещаться по разобранному виду и организуй части в осмысленные системы.
Интерактивный пеликан на велосипеде
Создайте браузерную 3D-сцену с пеликаном, который едет на мятно-зелёном велосипеде, естественно вращая педали. Добавьте управление вращением сцены, масштабирование и настройку скорости.
Адаптируйте промпт под свою идею
Объясните, на что посетитель может нажать, что перетащить или изменить и что произойдёт в ответ. Сделайте первое действие очевидным и опишите управление касанием и мышью.
Смотрите, читайте и создавайте
Изучите приёмы, использованные в примерах.
Создавай детальные 3D-ассеты
Добавь в следующую сцену персонажа, которого хочется рассмотреть. Создавай детальные текстурированные 3D-ассеты по изображению или нескольким словам.
Создать 3D-ассеты бесплатно