Почніть із відповідного інструмента
Відкрийте улюбленого помічника з програмування або 3D-інструмент. Спробуйте модель, зазначену в прикладі, і перевірте інструкції з налаштування в пов’язаних проєктах.
GPT-6 AstraОпис для натхнення
Проєкт WebGL на TypeScript + Three.js: Зала молитов про врожай у Храмі Неба в Пекіні
У дописі показано 3D-модель Зали молитов про врожай у пекінському Храмі Неба та вебвізуалізацію, створені за допомогою GPT-6 Astra і Three.js; згодом автор опублікував повний китайськомовний промпт для створення подібних проєктів.
Про цей приклад
Початкове завдання на основі публічного проєкту автора, а не дослівний оригінальний промпт. Ваш результат може відрізнятися.
Нотатки автора
За допомогою TypeScript + Three.js створіть повністю працездатний WebGL-проєкт із відтворенням Зали молитов про врожай у Храмі Неба в Пекіні. Уся геометрія будівлі, текстури й анімації мають програмно генеруватися кодом під час виконання; заборонено завантажувати зовнішні моделі у форматах .glb, .gltf, .obj, .fbx тощо. Відтворення архітектури: три сині куполи з глазурованою черепицею, різні за розміром і висотою, позолочена верхівка, червоні колони, круглий корпус будівлі, синьо-золотий розпис із зеленими деталями, кронштейнова система доугун, двері та вікна. Для даху використовуйте криволінійний профіль, тіло обертання або власну геометрію, щоб передати плавні, злегка підняті карнизи; не замінюйте їх простим конусом. Білий триярусний круглий стилобат із ханьбайського мармуру, центральними кам'яними сходами, балюстрадами та колонами; загальні пропорції мають бути гармонійними, а яруси — чітко помітними. Текстури черепиці й декоративні елементи генеруйте процедурно; для повторюваних компонентів віддавайте перевагу InstancedMesh. Сцена та взаємодія: Блакитне небо Пекіна, площа та невелика кількість озеленення; використовуйте DirectionalLight у поєднанні з AmbientLight／HemisphereLight, увімкніть тіні, затінення навколишнього середовища та помірне кінематографічне тональне відображення. Реалізуйте обертання й масштабування через OrbitControls, а також повільний автоматичний обліт, який можна вмикати та вимикати. Додайте перемикач режимів «вибухове розбирання／збирання»: дах, колони, доугун, стіни, двері й вікна, балюстради та стилобат мають плавно розходитися пошарово, а потім точно повертатися на початкові місця. Анімація повинна керуватися кодом і мати рознесений у часі ритм без телепортації елементів. Одразу надайте повний проєкт та інструкції із запуску. Сторінка має адаптивно підлаштовуватися під розмір вікна, забезпечувати якісну візуалізацію та плавну взаємодію, а завдяки інстансингу, продуманій деталізації геометрії й оптимізації рендерингу — зберігати належну продуктивність у звичайних настільних браузерах. Структура коду має бути чіткою та зручною для розширення; перевірте збірку й основні функції та чесно зазначте, що саме не було перевірено.
GPT-6 AstraThree.jsTypeScriptWebGLЗала молитов про врожай у Храмі Неба3D-моделюванняПроцедурна генераціяАнімація вибухового розбирання та збирання
Промпт
За допомогою TypeScript + Three.js створіть повністю працездатний WebGL-проєкт із відтворенням Зали молитов про врожай у Храмі Неба в Пекіні. Уся геометрія будівлі, текстури й анімації мають програмно генеруватися кодом під час виконання; заборонено завантажувати зовнішні моделі у форматах .glb, .gltf, .obj, .fbx тощо.
Відтворення архітектури:
три сині куполи з глазурованою черепицею, різні за розміром і висотою, позолочена верхівка, червоні колони, круглий корпус будівлі, синьо-золотий розпис із зеленими деталями, кронштейнова система доугун, двері та вікна.
Для даху використовуйте криволінійний профіль, тіло обертання або власну геометрію, щоб передати плавні, злегка підняті карнизи; не замінюйте їх простим конусом.
Білий триярусний круглий стилобат із ханьбайського мармуру, центральними кам'яними сходами, балюстрадами та колонами; загальні пропорції мають бути гармонійними, а яруси — чітко помітними.
Текстури черепиці й декоративні елементи генеруйте процедурно; для повторюваних компонентів віддавайте перевагу InstancedMesh.
Сцена та взаємодія:
Блакитне небо Пекіна, площа та невелика кількість озеленення; використовуйте DirectionalLight у поєднанні з AmbientLight／HemisphereLight, увімкніть тіні, затінення навколишнього середовища та помірне кінематографічне тональне відображення.
Реалізуйте обертання й масштабування через OrbitControls, а також повільний автоматичний обліт, який можна вмикати та вимикати.
Додайте перемикач режимів «вибухове розбирання／збирання»: дах, колони, доугун, стіни, двері й вікна, балюстради та стилобат мають плавно розходитися пошарово, а потім точно повертатися на початкові місця. Анімація повинна керуватися кодом і мати рознесений у часі ритм без телепортації елементів.
Одразу надайте повний проєкт та інструкції із запуску. Сторінка має адаптивно підлаштовуватися під розмір вікна, забезпечувати якісну візуалізацію та плавну взаємодію, а завдяки інстансингу, продуманій деталізації геометрії й оптимізації рендерингу — зберігати належну продуктивність у звичайних настільних браузерах. Структура коду має бути чіткою та зручною для розширення; перевірте збірку й основні функції та чесно зазначте, що саме не було перевірено.
Як використовувати цей промпт
Виберіть одну зміну
Замініть об’єкт, художній стиль чи оточення. Чітко опишіть камеру та взаємодію. Спершу створіть невелику версію, а потім удосконалюйте по одній деталі.
Додайте власні об’єкти до сцени
Для власного персонажа чи реквізиту створіть 3D-модель за коротким описом предмета або зображенням-зразком, а потім імпортуйте її до проєкту.
Права на попередні перегляди належать відповідним авторам. Перш ніж повторно використовувати код або матеріали, перевірте першоджерело й ліцензію проєкту.
