Rodaja de cítrico de gominola 3D interactiva

Crea una hermosa rodaja de cítrico de gominola 3D e interactiva usando WebGPU. Entrega la experiencia completa en un único archivo HTML independiente, con JavaScript y sombreadores WGSL integrados. Debe ser una simulación 3D en tiempo real, no un vídeo, una imagen ni una animación en bucle. APPEARANCE Crea una rodaja de naranja gruesa y semicircular, con pulpa translúcida y jugosa, ocho segmentos diferenciados, delicadas membranas internas, diminutas burbujas, una capa clara de albedo y una corteza de naranja suave. Haz que parezca una gominola prémium: color saturado, reflejos brillantes, luz que atraviese la pulpa, refracción convincente y sombras de contacto suaves. Evita un exceso de bloom, los colores deslavados y un aspecto de plástico rígido. Usa un fondo de estudio luminoso y cálido, junto con una interfaz editorial limpia y abundante espacio en blanco. Añade el título grande en cursiva y con serifas “Gelatina cítrica”. Mantén los controles compactos y la rodaja claramente visible. FÍSICA DE CUERPO BLANDO La sensación de gelatina es lo más importante. - Agarra cualquier parte de la rodaja con el ratón o con el dedo. - Tira de ella, levántala, estírala, retuércela y suéltala. - Haz que la deformación sea local: al tirar de un borde, debe estirarse la pulpa cercana mientras el resto acompaña el movimiento de forma natural. - Después de soltarla, la rodaja debe bambolearse, sobrepasar su posición y recuperar gradualmente su forma original. - Incluye gravedad, inercia, amortiguación, colisiones con el suelo y rebotes suaves. - Conserva aproximadamente el volumen y evita que la malla se colapse o se invierta. - Haz que la corteza sea ligeramente más firme que la pulpa. - Los segmentos internos, las membranas y las burbujas deben seguir la deformación sin flotar fuera del cuerpo. Usa un solucionador volumétrico estable para cuerpos blandos, como una malla tetraédrica con restricciones XPBD. No imites la suavidad escalando o rotando el objeto completo. CONTROLS Incluye tres preajustes de color: Naranja, Limón y Rubí. Añade: - Control deslizante de firmeza. - Control deslizante de amortiguación interna. - Botón “Dale un toque”. - Botón Restablecer. - Casilla de verificación de velocidad a un cuarto. - Casilla de verificación Mostrar malla. - Botón Pausar/reanudar. Muestra pequeños indicadores en tiempo real para la masa, el porcentaje del volumen en reposo y la energía cinética. REQUISITOS TÉCNICOS Usa renderizado WebGPU auténtico con sombreadores WGSL. Genera toda la geometría y los detalles visuales de forma procedimental, sin importar modelos ni archivos de imagen. Mantén las actualizaciones de la simulación independientes de la frecuencia de fotogramas del renderizado. Admite dispositivos de escritorio y táctiles. Muestra un mensaje de respaldo claro si WebGPU no está disponible. Prueba arrastres intensos, liberaciones repetidas, todos los controles y pantallas estrechas. Corrige la física inestable, la geometría defectuosa y los artefactos visuales antes de entregar el HTML terminado. El resultado debe transmitir la sensación de un pequeño experimento de caramelo táctil con el que resulte realmente satisfactorio jugar.