Желе из питахайи

Создай интерактивную 3D-сцену под названием «Желе из питахайи» — половинку питахайи из мягкого полупрозрачного желе. Собери весь проект в одном HTML-файле, используя полноценный рендеринг WebGPU и шейдеры WGSL. Не используй готовые модели или изображения. APPEARANCE Крупная половинка питахайи лежит срезом вверх на светлой студийной поверхности. Насыщенно-малиновая кожура, тонкий светлый внутренний слой и перламутрово-белая мякоть. Примерно 250 мелких чёрных семян, естественно распределённых по мякоти. 12–14 мясистых лепестков кожуры вокруг плода, с переходом от розовых оснований к зелёным кончикам. Глянцевая влажная поверхность с преломлением света, небольшими внутренними пузырьками и мягкой контактной тенью. Материал должен выглядеть как мягкая жевательная конфета, а не как жёсткий пластик. Сохрани насыщенные цвета, не допуская выбитых бликов. ФИЗИКА И ВЗАИМОДЕЙСТВИЕ Реализуй полноценную деформацию мягкого тела с помощью объёмной сетки с упругими связями и ограничениями, сохраняющими объём, например XPBD. Пользователь может захватить мякоть мышью или пальцем, растянуть её и отпустить. Деформация должна концентрироваться вокруг точки захвата, а не просто перемещать весь объект целиком. После отпускания плод должен покачиваться, колыхаться и постепенно возвращаться к исходной форме. Сделай лепестки кожуры перетаскиваемыми по отдельности. Они должны быть мягче мякоти, сгибаться и пружинить обратно, оставаясь прикреплёнными к плоду. Семена должны следовать за деформирующейся поверхностью, не отрываясь от неё и не погружаясь в мякоть. Сохрани стабильность симуляции при сильных растягиваниях, обеспечив контакт с полом и защиту от инвертированных элементов. ВИЗУАЛЬНЫЙ ДИЗАЙН Используй минималистичный светлый интерфейс в стиле студийного макета с редакционной эстетикой: много свободного пространства, тонкие границы, сдержанные элементы управления и никаких лишних украшений. Слева вверху: «MATERIAL STUDIES / NO. 019» Крупный курсивный заголовок с засечками в две строки: «Pitaya Jelly». Под ним: «A little wild.» «A little sweet.» «A very soft dragon.» Справа добавь плавающую панель с заголовком «THE SPECIMEN», содержащую: Бейдж плотности: ρ 1.04 g/cm³. Три пресета: Pearl — белая мякоть и розовая кожура. Ruby — малиновая мякоть и розовая кожура. Gold — светлая мякоть и золотистая кожура. Ползунки жёсткости и внутреннего затухания с отображением текущих значений. Кнопки «Give it a nudge» и «Reset». Чекбоксы «¼ speed» и «Show mesh». Кнопка «Pause». Также добавь: Кнопку полноэкранного режима с возможностью выхода из него. Индикатор состояния «WEBGPU · LIVE». Текущие показатели массы, доли от исходного объёма в процентах и кинетической энергии. Краткую подсказку по взаимодействию: «Потяните мякоть. Дёрните лепесток. Отпустите.» Сворачиваемый раздел «Inside the experiment» с точным объяснением принципов реализации. ТЕХНИЧЕСКИЕ ТРЕБОВАНИЯ Предоставь один автономный файл с именем pitaya-jelly-webgpu.html. Используй настоящий рендеринг WebGPU, а не имитацию на Canvas 2D. Создай всю геометрию процедурно. Используй рефракцию с учётом толщины, отражения Френеля и мягкое студийное освещение. Используй фиксированный шаг симуляции для предсказуемого поведения. Обеспечь поддержку взаимодействия на компьютерах и сенсорных устройствах, а также адаптивную компоновку. Не допускай затратной реконструкции геометрии или компиляции шейдеров во время перетаскивания. Показывай понятное сообщение-заглушку, если WebGPU недоступен. Проверь перетаскивание, отпускание, восстановление формы, пресеты, сброс, паузу, полноэкранный режим и мобильную компоновку. Главные приоритеты — убедительное поведение желе, красивые материалы и приятное взаимодействие. Результат должен восприниматься как отполированный, игровой эксперимент с материалом.