WebGPUで潰す・投げる・切れるソフトボディのいちごケーキ
Claude Opus 5.5がWebGPUの単一ファイルトイを作成。ショートケーキがゼリーのように揺れ、ナイフで切るたびに柔らかいピースへ分かれます。
Claude Code + Three.js(コードのみ)Wandy 2
精細な3Dモデルを作ろう
コードだけでは単純な形しか作れません。Wandy 2なら写真1枚から、同じシーンで使えるテクスチャ付き3Dモデルを作れます。
Claude Opus 5.5のプロンプト
Build immediately a complete interactive WebGPU site called “Strawberry Cake.” Use genuine WebGPU + WGSL, procedural geometry, mouse/touch, and real-time volumetric soft-body physics. No Three.js/Babylon.js, Canvas2D, external assets, video/GIF, or CSS-only deformation. Visual: premium Korean/Japanese strawberry shortcake—low, wide, rounded, pillow-soft, with pink sponge, cream layers, pale frosting, piped cream, and strawberries. Warm ivory background, soft studio light, edible moist materials. Layout: top-left “SOFT STUDIES / NO.001” + italic “Strawberry Cake.” Top-right “WEBGPU · LIVE”. Large centered cake. Right controls: Hand/Knife, presets, Firmness, Damping, Drop, Reset, Pause, ¼ speed, Show mesh. Bottom-left: Mass, Volume, Kinetic, Pieces. Physics: stable XPBD/co-rotational soft body with tetrahedral sim mesh, smooth render mesh, volume preservation, damping, gravity, floor friction, and piece collisions. Cake feels soft/heavy and wobbles after release. Hand: hold=Press, inward drag=Squeeze, outward drag=Grab, fast release=Throw. Use weighted grabs, smoothed 3D target, pointer velocity and momentum. Cake remains free; cake input overrides orbit. Knife: procedural 3D knife. Draw a cut line; animate contact→compression→penetration→breakthrough→lift. Deform before splitting; keep seam thin. Repeated cutting is mandatory: use a dynamic pieces list; every piece stays cuttable. Convert strokes to vertical cut planes, split crossed pieces, create new soft-body/render meshes, transfer deformation/velocity, preserve toppings, keep halves aligned, update Pieces. Support 14+ pieces and multi-piece cuts. No fixed whole/left/right states. Drop releases all pieces. Reset restores one intact cake and Pieces=1. Use fixed timestep/substeps, DPR≤2, clamp instability, avoid NaNs/GPU errors. Expose window.__cake. Run locally, test interactions and repeated cutting, and iterate until polished.
このプロンプトの使い方
WebGPU対応ブラウザで、Claude Opus 5.5を使うClaude Codeなどのエージェントにプロンプトを貼ります。
ケーキを別のスイーツや物体に替え、硬さ・減衰・ツール・ラベルを調整します。
HTMLを開いて押す・投げる・切るを試し、ピースの暴れや破綻があれば修正を依頼します。
元の投稿作者の方ですか? このページの修正・削除をご依頼ください
似ているプロンプト
すべてのプロンプトを見る
Claude Opus 5.5輪ゴムスイカ実験を再現した、弾ける3Dブラウザおもちゃ
林悦己Cheer
Claude Opus 5.5マグマだまりを備えたインタラクティブ3D火山断面シミュレーション
Konstantin Saifoulline
Claude Opus 5.5WebGPUのゼリープレス:油圧プレスで潰れて弾けるフルーツゼリー
Vib3Coded
Claude Opus 5.5WebGPUで動くジェリープレス玩具:果物グミを潰して投げる
Vib3Coded
Claude Opus 5.5スクロールで分解される機械式腕時計、WebGPUの単一HTML
Paruchh
Claude Opus 5.5地球儀・探検・内部断面を備えた単一ファイルのSVGインタラクティブ地球アトラス
Gadgetify
