インタラクティブWebGPUストロベリーケーキ柔軟体シミュレーター

「Strawberry Cake」という完全なインタラクティブWebGPUサイトを即座に構築する。 本物のWebGPU + WGSL、プロシージャルジオメトリ、マウス/タッチ、リアルタイムボリュメトリックソフトボディ物理を使用する。Three.js/Babylon.js、Canvas2D、外部アセット、ビデオ/GIF、CSSのみの変形は使用しない。 ビジュアル: プレミアムな韓国/日本風イチゴショートケーキ - 低く、幅広く、丸みを帯び、枕のように柔らかく、ピンクのスポンジ、クリーム層、淡いフロスティング、パイプクリーム、イチゴ。暖かいアイボリー背景、柔らかいスタジオライト、食用のしっとりした素材。 レイアウト: 左上に「SOFT STUDIES / NO.001」+ イタリック体の「Strawberry Cake」。右上に「WEBGPU · LIVE」。中央に大きなケーキ。右側のコントロール: ハンド/ナイフ、プリセット、硬さ、減衰、ドロップ、リセット、一時停止、1/4速度、メッシュ表示。左下に: 質量、体積、運動エネルギー、ピース数。 物理: 安定したXPBD/共回転ソフトボディ、四面体シミュレーションメッシュ、滑らかなレンダーメッシュ、体積保存、減衰、重力、床摩擦、ピース衝突。ケーキは柔らかく重く感じられ、リリース後に揺れる。 ハンド: ホールド=押す、内側へのドラッグ=絞る、外側へのドラッグ=掴む、速いリリース=投げる。加重グラブ、スムーズな3Dターゲット、ポインタ速度とモメンタムを使用。ケーキは自由なまま; ケーキ入力はオービットを上書きする。 ナイフ: プロシージャル3Dナイフ。カットラインを描く; 接触→圧縮→貫通→突破→持ち上げをアニメーション化。分割前に変形; シームを薄く保つ。 繰り返しカットは必須: 動的ピースリストを使用; すべてのピースはカット可能のまま。ストロークを垂直カット平面に変換し、交差するピースを分割し、新しいソフトボディ/レンダーメッシュを作成し、変形/速度を転送し、トッピングを保持し、半分を整列させ、ピース数を更新。14+ピースとマルチピースカットをサポート。固定された全体/左/右の状態はない。 ドロップはすべてのピースを解放。リセットは1つの無傷のケーキとピース数=1を復元。固定タイムステップ/サブステップ、DPR≤2、不安定性をクランプ、NaN/GPUエラーを回避。window.__cakeを公開。 ローカルで実行し、インタラクションと繰り返しカットをテストし、磨き上げるまで反復する。