Интерактивная 3D-сцена «Pineapple Jelly» на WebGPU: тянущееся желейное кольцо ананаса, сравнение с ChatGPT-6 Astra

Промпт

Создай интерактивную 3D-сцену под названием “Pineapple Jelly” — толстое, полупрозрачное мармеладное кольцо из ананаса, которое пользователь может захватывать, растягивать, сгибать и отпускать. Всё должно работать непосредственно в браузере в одном автономном HTML-файле с использованием настоящего WebGPU и шейдеров WGSL.
Главные приоритеты — убедительное поведение мягкого тела, красивое преломление света и приятное взаимодействие.
МОДЕЛЬ

* Круглый ломтик ананаса с настоящим отверстием в центре.
* Толстая, сочная мякоть, слегка волнистый внешний край и мягко закруглённые углы.
* Обе срезанные поверхности должны быть одинаково детализированными. Кольцо можно переворачивать и рассматривать со всех сторон.
* Золотистая полупрозрачная мякоть с тонкими радиальными волокнами, небольшими пузырьками и вытянутыми светлыми соковыми клетками внутри.
* Никакой кожуры, листьев или семян. Объект должен выглядеть как мармеладное кольцо из ананаса, а не как пончик.

МАТЕРИАЛ И ОСВЕЩЕНИЕ

* Насыщенный медово-жёлтый цвет, влажный блеск и мягкое рассеивание света в стиле подповерхностного рассеивания.
* Преломление, прозрачность, зависящая от толщины, контролируемые блики и отражения Френеля по краям.
* Растянутые и более тонкие участки должны пропускать больше света.
* Тёплый светлый фон, мягкое студийное освещение и естественная контактная тень.
* Избегай пересвеченных бликов, чрезмерного свечения и вида твёрдого стекла.

ФИЗИКА

* Используй объёмную сетку мягкого тела с упругими связями и ограничениями объёма, например XPBD.
* Разреши пользователю захватывать внешний или внутренний край и тянуть его в любом направлении.
* Деформация должна естественно распространяться по соседним участкам: отверстие растягивается, мякоть сгибается, а противоположная сторона реагирует с небольшой задержкой.
* После отпускания кольцо должно мягко вернуться в исходную форму, несколько раз покачаться и постепенно успокоиться.
* Не допускай мгновенного возвращения, бесконечных колебаний, разрывов геометрии или схлопывания центрального отверстия.
* Реализуй гравитацию и столкновения с поверхностью. При ударе кольцо должно слегка сплющиваться и восстанавливать форму.
* Внутренние волокна, пузырьки и соковые клетки должны деформироваться вместе с мякотью, а не оставаться неподвижными.
* Клик через пустой центр не должен захватывать объект.

ИНТЕРФЕЙС

* Минималистичная редакционная компоновка с большим количеством свободного пространства.
* Крупный курсивный заголовок с засечками слева: “Pineapple Jelly.”
* Компактная панель управления “THE SPECIMEN” справа.
* Три цветовых пресета: Golden, Amber и Rosé. Изменяй оттенок, сохраняя свойства материала.
* Ползунки Firmness и Internal damping.
* Кнопки: Give it a nudge, Reset, Turn it over и Pause.
* Переключатели: ¼ speed и Show mesh.
* Небольшие динамические показатели массы, объёма относительно объёма в состоянии покоя и кинетической энергии.
* Весь текст интерфейса должен быть на английском языке.
* Поддерживай взаимодействие с помощью мыши и сенсорного управления.

ТЕХНИЧЕСКИЕ ТРЕБОВАНИЯ

* Используй настоящую 3D-геометрию и рендеринг WebGPU, а не видео или имитацию на Canvas 2D.
* Генерируй всю геометрию и материалы в коде, без внешних моделей и изображений.
* Отдели симуляционную сетку от более гладкой визуальной поверхности, чтобы сохранить хорошую производительность.
* Отображай понятное резервное сообщение, если WebGPU недоступен.
* Протестируй сильное растяжение, захват внутреннего края, переворачивание, сброс и взаимодействие на мобильных устройствах.

Сохрани готовый результат как pineapple-jelly-webgpu.html. Предоставь полностью рабочий файл, а не макет или план реализации.
Итоговый опыт должен создавать ощущение мягкой, тягучей, аппетитной мармеладной игрушки, которую действительно приятно мять.

Create an interactive 3D scene called “Pineapple Jelly” - a thick, translucent gummy pineapple ring that users can grab, stretch, bend, and release. Everything must run directly in the browser in one standalone HTML file using genuine WebGPU and WGSL shaders.
The main priorities are convincing soft-body behavior, beautiful light refraction, and satisfying interaction.
MODEL

* A round pineapple slice with a genuine hole through its center.
* Thick, juicy flesh, a slightly scalloped outer edge, and softly rounded corners.
* Both cut faces must be equally detailed. The ring can be flipped and viewed from every angle.
* Golden translucent flesh with delicate radial fibers, small bubbles, and elongated pale juice cells embedded inside.
* No skin, leaves, or seeds. It should look like a pineapple ring made of gummy candy, not a doughnut.

MATERIAL AND LIGHTING

* Rich honey-yellow coloring, wet gloss, and soft subsurface-style light scattering.
* Refraction, thickness-dependent transparency, controlled highlights, and Fresnel reflections around the edges.
* Stretched, thinner areas should transmit more light.
* A warm, light background, soft studio lighting, and a grounded contact shadow.
* Avoid blown-out highlights, excessive bloom, and a hard-glass appearance.

PHYSICS

* Use a volumetric soft-body mesh with elastic connections and volume constraints, such as XPBD.
* Allow users to grab either the outer or inner edge and pull it in any direction.
* Deformation should spread naturally through neighboring regions: the hole stretches, the flesh bends, and the opposite side responds with a slight delay.
* After release, the ring should spring back softly, wobble a few times, and gradually settle.
* No instant snapping, endless oscillation, torn geometry, or collapsing central hole.
* Implement gravity and ground collisions. The ring should squash slightly on impact and recover its shape.
* Internal fibers, bubbles, and juice cells must deform with the flesh instead of remaining stationary.
* Clicking through the empty center must not grab the object.

INTERFACE

* A minimal editorial layout with generous whitespace.
* A large italic serif heading on the left: “Pineapple Jelly.”
* A compact “THE SPECIMEN” control panel on the right.
* Three color presets: Golden, Amber, and Rosé. Change the tint while preserving the material properties.
* Sliders for Firmness and Internal damping.
* Buttons: Give it a nudge, Reset, Turn it over, and Pause.
* Toggles: ¼ speed and Show mesh.
* Small live readouts for mass, volume relative to rest volume, and kinetic energy.
* All interface text in English.
* Support both mouse and touch interaction.

TECHNICAL REQUIREMENTS

* Use actual 3D geometry and WebGPU rendering, not a video or a Canvas 2D imitation.
* Generate all geometry and materials in code, without external models or image assets.
* Separate the simulation mesh from the smoother visual surface to maintain good performance.
* Display a clear fallback message when WebGPU is unavailable.
* Test strong stretching, inner-edge grabbing, flipping, resetting, and mobile interaction.

Save the finished result as pineapple-jelly-webgpu.html. Deliver the complete working file, not a mockup or implementation plan.
The final experience should feel like a soft, stretchy, appetizing gummy toy that is genuinely fun to squish.