Simulateur interactif WebGPU de gâteau à la fraise à corps souple

Construisez immédiatement un site WebGPU interactif complet appelé « Strawberry Cake ». Utilisez du vrai WebGPU + WGSL, de la géométrie procédurale, souris/tactile, et de la physique volumétrique temps réel de corps mous. Pas de Three.js/Babylon.js, Canvas2D, ressources externes, vidéo/GIF, ou déformation CSS uniquement. Visuel : shortcake japonais/coréen premium aux fraises - bas, large, arrondi, doux comme un oreiller, avec génoise rose, couches de crème, glaçage pâle, crème en rosace, et fraises. Fond ivoire chaud, éclairage studio doux, matériaux comestibles et humides. Disposition : en haut à gauche « SOFT STUDIES / NO.001 » + « Strawberry Cake » en italique. En haut à droite « WEBGPU · LIVE ». Grand gâteau centré. Contrôles à droite : Main/Couteau, préréglages, Fermeté, Amortissement, Lâcher, Réinitialiser, Pause, vitesse ¼, Afficher le maillage. En bas à gauche : Masse, Volume, Énergie cinétique, Morceaux. Physique : corps mou XPBD/co-rotationnel stable avec maillage de simulation tétraédrique, maillage de rendu lisse, préservation du volume, amortissement, gravité, friction au sol, et collisions entre morceaux. Le gâteau semble mou/lourd et oscille après le lâcher. Main : maintenir=Presser, glisser vers l’intérieur=Comprimer, glisser vers l’extérieur=Saisir, lâcher rapidement=Lancer. Utilisez des saisies pondérées, une cible 3D lissée, la vélocité du pointeur et l’élan. Le gâteau reste libre ; l’entrée sur le gâteau remplace l’orbite. Couteau : couteau 3D procédural. Tracez une ligne de coupe ; animez contact→compression→pénétration→percée→levée. Déformez avant de séparer ; gardez la fente fine. La découpe répétée est obligatoire : utilisez une liste dynamique de morceaux ; chaque morceau reste découpable. Convertissez les traits en plans de coupe verticaux, divisez les morceaux traversés, créez de nouveaux maillages de corps mou/rendu, transférez déformation/vélocité, préservez les garnitures, gardez les moitiés alignées, mettez à jour Morceaux. Supportez 14+ morceaux et des coupes multi-morceaux. Pas d’états fixes entier/gauche/droite. Lâcher libère tous les morceaux. Réinitialiser restaure un gâteau intact et Morceaux=1. Utilisez un pas de temps fixe/sous-pas, DPR≤2, limitez l’instabilité, évitez les NaN/erreurs GPU. Exposez window.__cake. Exécutez localement, testez les interactions et la découpe répétée, et itérez jusqu’à ce que ce soit poli.