3DPrompt.
GitHub
Повернутися до бібліотеки
GPT-6 AstraОпис для натхнення

Інтерактивний м’який слим на Three.js і WebGPU

Автор демонструє браузерний застосунок зі слимом під назвою Softie, а згодом публікує промпт, за яким його створено. Промпт передбачає м’який слим, який можна перетягувати й стискати, а також керувати його параметрами.

Інтерактивний м’який слим на Three.js і WebGPU

Про цей приклад

Початкове завдання на основі публічного проєкту автора, а не дослівний оригінальний промпт. Ваш результат може відрізнятися.

Нотатки автора

Створи новий каталог і зроби односторінковий застосунок зі слимом, у який можна грати просто в браузері. Використовуй Three.js і WebGPU, не підміняй їх WebGL. У центрі — округлий пухкий слим: рожевий або блакитно-зелений, напівпрозорий, із ледь помітними бульбашками всередині. На нього можна натискати мишею та перетягувати його; після відпускання він має похитуватися й повертатися до форми, з невеликою гравітацією та можливістю м’яко вдарятися об невидиму стільницю. Не роби його схожим на тверду кулю — він має відчуватися як м’яка жива маса. Додай миле обличчя: два чорні оченята-крапки й маленький ротик. Вони мають деформуватися разом із поверхнею, а не бути окремими від тіла. Праворуч розмісти кілька простих елементів керування: колір, жорсткість і демпфування. Кнопка «Торкнутися» має змушувати слим підстрибнути. Зроби сторінку чистою: світло-сірий фон і великий заголовок. Забезпеч 60 кадрів/с. Спочатку створи цільове зображення, потім збери сцену за ним; додавай деталі лише після того, як знімок екрана буде схожим на зразок.

GPT6 AstraThree.jsWebGPUСлимВзаємодія з м’яким тіломБраузерний застосунок

Промпт

Створи новий каталог і зроби односторінковий застосунок зі слимом, у який можна грати просто в браузері. Використовуй Three.js і WebGPU, не підміняй їх WebGL. У центрі — округлий пухкий слим: рожевий або блакитно-зелений, напівпрозорий, із ледь помітними бульбашками всередині. На нього можна натискати мишею та перетягувати його; після відпускання він має похитуватися й повертатися до форми, з невеликою гравітацією та можливістю м’яко вдарятися об невидиму стільницю. Не роби його схожим на тверду кулю — він має відчуватися як м’яка жива маса. Додай миле обличчя: два чорні оченята-крапки й маленький ротик. Вони мають деформуватися разом із поверхнею, а не бути окремими від тіла. Праворуч розмісти кілька простих елементів керування: колір, жорсткість і демпфування. Кнопка «Торкнутися» має змушувати слим підстрибнути. Зроби сторінку чистою: світло-сірий фон і великий заголовок. Забезпеч 60 кадрів/с. Спочатку створи цільове зображення, потім збери сцену за ним; додавай деталі лише після того, як знімок екрана буде схожим на зразок.

Як використовувати цей промпт

01

Почніть із відповідного інструмента

Відкрийте улюбленого помічника з програмування або 3D-інструмент. Спробуйте модель, зазначену в прикладі, і перевірте інструкції з налаштування в пов’язаних проєктах.

02

Виберіть одну зміну

Замініть об’єкт, художній стиль чи оточення. Чітко опишіть камеру та взаємодію. Спершу створіть невелику версію, а потім удосконалюйте по одній деталі.

03

Додайте власні об’єкти до сцени

Для власного персонажа чи реквізиту створіть 3D-модель за коротким описом предмета або зображенням-зразком, а потім імпортуйте її до проєкту.

Права на попередні перегляди належать відповідним авторам. Перш ніж повторно використовувати код або матеріали, перевірте першоджерело й ліцензію проєкту.