Интерактивная 3D-долька цитруса

Создай красивую интерактивную 3D-дольку цитруса из мармелада с помощью WebGPU. Реализуй весь проект в одном автономном HTML-файле со встроенными JavaScript и WGSL-шейдерами. Это должна быть настоящая 3D-симуляция в реальном времени, а не видео, изображение или зацикленная анимация. APPEARANCE Создай толстую полукруглую дольку апельсина с полупрозрачной сочной мякотью, восемью отдельными сегментами, тонкими внутренними мембранами, крошечными пузырьками, светлым слоем альбедо и мягкой оранжевой кожурой. Сделай её похожей на премиальную мармеладную конфету: насыщенный цвет, глянцевые блики, просвечивание мякоти, убедительную рефракцию и мягкие контактные тени. Не используй чрезмерное свечение, выцветшие цвета или жёсткий пластиковый вид. Используй тёплый светлый студийный фон и чистый редакционный интерфейс с большим количеством свободного пространства. Добавь крупный курсивный заголовок с засечками «Citrus Jelly». Элементы управления должны быть компактными, а долька — хорошо видна. ФИЗИКА МЯГКОГО ТЕЛА Ощущение желе — важнейшая часть проекта. - Захватывай мышью или пальцем любую часть дольки. - Тяни, поднимай, растягивай, скручивай и отпускай её. - Сделай деформацию локальной: при растягивании одного края соседняя мякоть должна растягиваться, а остальная часть — естественно следовать за движением. - После отпускания долька должна покачиваться, проскальзывать за положением равновесия и постепенно возвращаться к исходной форме. - Добавь гравитацию, инерцию, демпфирование, столкновения с поверхностью и мягкие отскоки. - Примерно сохраняй объём и не допускай схлопывания сетки или выворачивания объекта наизнанку. - Сделай кожуру немного плотнее мякоти. - Внутренние сегменты, мембраны и пузырьки должны следовать деформации и не выходить за пределы тела. Используй устойчивый объёмный решатель для мягкого тела, например тетраэдральную сетку с ограничениями XPBD. Не имитируй мягкость масштабированием или вращением всего объекта целиком. CONTROLS Добавь три цветовых пресета: Orange, Lemon и Ruby. Добавь: - Ползунок плотности. - Ползунок внутреннего демпфирования. - Кнопку «Слегка толкнуть». - Кнопку сброса. - Флажок замедления до четверти скорости. - Флажок отображения сетки. - Кнопку паузы и возобновления. Выводи небольшие показатели в реальном времени: массу, процент от исходного объёма и кинетическую энергию. ТЕХНИЧЕСКИЕ ТРЕБОВАНИЯ Используй настоящий рендеринг WebGPU с WGSL-шейдерами. Генерируй всю геометрию и визуальные детали процедурно, без импортируемых моделей и файлов изображений. Обновление симуляции не должно зависеть от частоты кадров рендеринга. Обеспечь поддержку компьютеров и устройств с сенсорным экраном. Если WebGPU недоступен, показывай понятное сообщение об этом. Проверь сильное перетаскивание, многократные отпускания, все элементы управления и узкие экраны. Перед сдачей готового HTML-файла исправь нестабильную физику, ошибки геометрии и визуальные артефакты. Результат должен восприниматься как маленький тактильный эксперимент с конфетой, с которым действительно приятно взаимодействовать.