ai21.net
言語

ブラウザのタコ物理エフェクト比較

ブラウザのタコ物理エフェクト比較 — 1

プロンプト

Create an interactive 3D "Plush Octopus" toy as a single self-contained HTML file using native WebGPU. A cute stuffed octopus sits on a soft studio table: a big round head with two glossy black safety-bead eyes, embroidered blush cheeks and a small stitched smile, and eight chubby tapering arms that lie on the table and curl up at the tips, revealing a paler underside with rows of sucker discs. Make it look like real minky plush: dense real-time fur with visible strands, soft sheen, fur that sways when the toy moves, and soft contact shadows.

Interactions:
- Drag the head or any single arm to stretch it independently; arms must stay connected to the body and never pass through each other or the head.
- "Finger" tool: a finger follows the pointer above the octopus. Nearby arms reach up for it; press to lower it and the arms wrap around it and hold on. Moving or lifting the finger drags or lifts the octopus until the arms let go. Poking the head dents it.
- "Comb" tool: stroke the fur to change its direction; against the grain it looks darker, with the grain it shines. Add a "Smooth fur" button.
- "Shake it" button: pick the octopus up by the crown and shake it so the arms flop and swing like soft sausages, then set it down.
- Squish (press down from above), Toss, and Reset. If it lands upside down, it slowly rolls back onto its arms.

Controls: three fur colours (Coral, Lilac, Lagoon), sliders for stuffing firmness, pile length, and internal damping, quarter speed, pause. Support mouse and touch, camera orbit, and zoom (scroll or pinch). Use an elegant editorial "material study" layout: a large serif title, a compact control panel, and live readouts (mass, volume, kinetic energy, arms holding on). Generate all geometry, materials, and fur procedurally: no external libraries, models, textures, or other assets. Prioritize believable soft-body physics, stable simulation, and a cosy, polished look.

日本語訳

ネイティブ WebGPU を使用した、単一の自己完結型 HTML ファイルとして、インタラクティブな 3D の "Plush Octopus" おもちゃを作成してください。かわいいぬいぐるみのタコが柔らかいスタジオのテーブルの上に座っています。大きな丸い頭には光沢のある黒いセーフティビーズの目が2つ、刺繍された赤らみのある頬と小さな縫い付けられた笑顔があり、テーブルの上に寝そべって先端がカールした8本のふっくらとした先細りの腕があり、淡い色の裏側には吸盤の列が見えます。本物のミンキー素材のぬいぐるみのように見せてください。リアルタイムの毛皮は密で毛の筋が見え、柔らかな光沢があり、おもちゃが動くと毛が揺れ、柔らかな接触影があります。

インタラクション:
- 頭または任意の1本の腕をドラッグして、独立に伸ばせるようにしてください。腕は体につながったままでなければならず、互いや頭を突き抜けてはいけません。
- "Finger" ツール:指がタコの上でポインターを追従します。近くの腕が指に向かって伸び上がります。押すと指が下がり、腕が指に巻き付いてつかまります。指を動かしたり持ち上げたりすると、腕が離すまでタコが引きずられたり持ち上げられたりします。頭をつつくとへこみます。
- "Comb" ツール:毛を撫でて方向を変えます。毛並みに逆らうと暗く見え、毛並みに沿うと光ります。"Smooth fur" ボタンを追加してください。
- "Shake it" ボタン:タコの頭頂部をつかんで持ち上げて振ると、柔らかいソーセージのように腕がぶらぶらと揺れ、その後そっと置き戻します。
- Squish(上から押しつぶす)、Toss、Reset。逆さまに着地した場合は、ゆっくりと腕の上に転がり戻ります。

コントロール:3つの毛皮の色(Coral、Lilac、Lagoon)、詰め物の固さ、パイルの長さ、内部減衰のスライダー、クォータースピード、一時停止。マウスとタッチ、カメラの周回、ズーム(スクロールまたはピンチ)をサポートしてください。エレガントなエディトリアルな "material study" レイアウトを使用してください。大きなセリフ体のタイトル、コンパクトなコントロールパネル、そしてライブの読み出し(質量、体積、運動エネルギー、つかまっている腕の数)を備えます。すべてのジオメトリ、マテリアル、毛皮を手続き的に生成してください。外部のライブラリ、モデル、テクスチャ、その他のアセットは使用しないでください。説得力のあるソフトボディ物理、安定したシミュレーション、そして居心地がよく洗練された見た目を優先してください。

出典

原作者
vib3coded
公開日
2026-10-04(由推文 ID 反解)
原典
元の投稿を見る ↗
収録元
zhuyansen/awesome-opus-5.5-video · 2106809017850818679 · ライセンス未表明