Начните с подходящего инструмента
Откройте привычного помощника для программирования или 3D-инструмент. Попробуйте модель, указанную в примере, и изучите инструкции по настройке в связанных проектах.
GPT-6 AstraОписание для вдохновения
Интерактивный мягкий слайм на Three.js и WebGPU
Автор показывает браузерное приложение со слаймом Softie, а затем публикует промпт, с помощью которого оно было создано. В промпте требуется сделать мягкий слайм, который можно перетаскивать и сжимать, с настраиваемыми параметрами управления.
Об этом примере
Отправная точка на основе публичного проекта автора, а не дословный оригинальный промпт. Ваш результат может отличаться.
Заметки автора
Создай новую папку и сделай одностраничное браузерное приложение со слаймом, в которое можно играть. Используй Three.js и WebGPU — не переходи на WebGL в качестве компромисса. В центре размести округлый мягкий слайм: подойдут розовый или бирюзово-зелёный цвет, полупрозрачный материал и едва заметные пузырьки внутри. Пользователь должен иметь возможность нажимать на него мышью и перетаскивать; после отпускания слайм должен покачиваться и возвращаться в исходную форму. Добавь немного гравитации, чтобы он мог слегка ударяться о невидимую поверхность стола. Не делай его похожим на твёрдый шар — он должен ощущаться как мягкая живая масса. Для милого образа добавь лицо: два чёрных глаза-точки и маленький рот. Они должны деформироваться вместе с поверхностью, а не быть отдельными объектами. Справа размести несколько простых элементов управления: цвет, мягкость и демпфирование. Кнопка «Ткнуть» должна заставлять слайм подпрыгивать. Оформи страницу чисто: светло-серый фон и крупный заголовок. Приложение должно работать при 60 кадрах в секунду. Сначала создай изображение с целевым видом, затем собери сцену по нему. Добавляй детали только после того, как скриншот будет соответствовать образцу.
GPT6 AstraThree.jsWebGPUСлаймМягкотелая физикаБраузерное приложение
Промпт
Создай новую папку и сделай одностраничное браузерное приложение со слаймом, в которое можно играть. Используй Three.js и WebGPU — не переходи на WebGL в качестве компромисса.
В центре размести округлый мягкий слайм: подойдут розовый или бирюзово-зелёный цвет, полупрозрачный материал и едва заметные пузырьки внутри. Пользователь должен иметь возможность нажимать на него мышью и перетаскивать; после отпускания слайм должен покачиваться и возвращаться в исходную форму. Добавь немного гравитации, чтобы он мог слегка ударяться о невидимую поверхность стола. Не делай его похожим на твёрдый шар — он должен ощущаться как мягкая живая масса.
Для милого образа добавь лицо: два чёрных глаза-точки и маленький рот. Они должны деформироваться вместе с поверхностью, а не быть отдельными объектами. Справа размести несколько простых элементов управления: цвет, мягкость и демпфирование. Кнопка «Ткнуть» должна заставлять слайм подпрыгивать.
Оформи страницу чисто: светло-серый фон и крупный заголовок. Приложение должно работать при 60 кадрах в секунду. Сначала создай изображение с целевым видом, затем собери сцену по нему. Добавляй детали только после того, как скриншот будет соответствовать образцу.
Как использовать этот промпт
Выберите одно изменение
Замените объект, художественный стиль или окружение. Чётко опишите камеру и взаимодействие. Сначала создайте небольшую версию, затем улучшайте по одной детали.
Добавьте собственные объекты в сцену
Для своего персонажа или реквизита создайте 3D-модель по короткому описанию предмета или референсу, затем импортируйте её в проект.
Права на превью принадлежат соответствующим авторам. Перед повторным использованием кода или материалов проверьте первоисточник и лицензию проекта.
