Пульс міста
Інтерактивний 3D-атлас мобільності Нью-Йорка, що показує рух жовтих таксі у січні 2025 року: 3D-мапа, відтворення погодинної динаміки, аналіз зон і порівняння із середніми показниками буднів та вихідних.
Інтерактив
Промпти для інтерактивного 3D та приклади сайтів
Досліджуйте 3D-портфоліо, демонстрації продуктів та інтерактивні експерименти. Виберіть цікаву взаємодію й додайте власну тему та візуальний стиль.
3D-промпти, які варто спробувати
Ідеї для твоїх проєктів: 41
Інтерактивна демонстрація фентезійної графіки
Промпт для 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, а потім додайте пару над кавою, анімацію в стилі Matrix та ненав’язливі шейдерні ефекти.
Квартира за мотивами D4 для дослідження в грі
Дослідіть квартиру головного героя D4 та відтворіть її як ігровий 3D-прототип. Зіставте планування й взаємодію з референсами, не припускаючи, що це точна копія.
Інтерактивний 3D-ансамбль з аудіосинхронною анімацією
Astra отримала завдання створити оригінальний короткий музичний твір та інтерактивний 3D-ансамбль із анімацією, керованою аудіо, перемотуванням, уповільненим відтворенням, керуванням камерою, підтримкою MIDI та вихідними матеріалами.
Дослідження Сонячної системи та орбіт
Створіть у Three.js браузерний застосунок для дослідження Сонячної системи з вісьмома планетами й двадцятьма супутниками. Додайте переміщення камери та спрощене планування космічних польотів.
Глибоководна цільова сторінка з біолюмінесценцією
Створіть глибоководну цільову сторінку з водними ефектами Three.js, темним склоподібним інтерфейсом і рухом, керованим прокручуванням. Поєднайте тривимірну атмосферу зі зрозумілою взаємодією та адаптацією сайту до різних екранів.
Інтерактивна демонстрація Hyperloop
Створи інтерактивну демонстрацію Hyperloop на Three.js, що показує транспортну капсулу, трубну інфраструктуру й рух системою.
3D-сайт студії з анімацією під час прокручування
Перетвори надане зображення на сцену Three.js усередині сайту студії з плавною анімацією під час прокручування. Узгодь рух камери, типографіку та переходи між розділами.
Історія продукту з пляшкою, що заломлює світло
Створи інтерактивний продуктовий сайт навколо фотореалістичної скляної пляшки WebGL. Використай рідину із заломленням, обертання під час прокручування та виразну типографіку, зберігши продуктивність браузера.
Автомат із капсулами спогадів
Створи 3D-автомат із капсулами спогадів. Поворот ручки має випускати спогад; змоделюй механізм у Blender і додай капсулам правдоподібні рухи та звук падіння.
Анімована діорама для знайомства з продуктом
Створи невелику навчальну діораму в Blender та оживи її в Three.js. Використай зрозумілі центральні об’єкти й короткі анімації, щоб пояснити перші дії користувача.
Інтерактивна анатомія людини з рознесенням структур
Створи 3D-сайт з анатомії, де людське тіло розділяється на структури для окремого огляду. Додай навігацію рознесеним виглядом і впорядкуй частини за змістовними системами.
Інтерактивний пелікан їде на велосипеді
Створіть 3D-пелікана, який їде на м’ятно-зеленому велосипеді просто в браузері, із природним обертанням педалей, керуванням обертанням сцени, масштабуванням і регулюванням швидкості.
Адаптуйте промпт до своєї ідеї
Поясніть, на що відвідувач може натиснути, що перетягнути чи змінити та що станеться у відповідь. Зробіть першу дію очевидною й опишіть керування дотиком і мишею.
Дивіться, читайте та створюйте
Вивчіть прийоми, використані в прикладах.
Створюй докладні 3D-асети
Додай до наступної сцени персонажа, якого хочеться роздивитися. Створюй докладні текстуровані 3D-асети за зображенням або кількома словами.
Створити 3D-асети безкоштовно