ai21.net
言語

グミベアのソフトボディ物理シーン

グミベアのソフトボディ物理シーン — 1

プロンプト

Build "Gummy Bears" - a single self-contained HTML file (three.js from a CDN is the only dependency): a handful of translucent gummy bears on a white table that you can grab, stretch, squash, throw and pour.

The bears
- Classic gummy bear silhouette: round head with two ears, short snout, plump body, stubby arms and legs, tiny molded eyes and nose
- Every part melts smoothly into the next - build the body as an implicit surface (metaballs / marching cubes), not separate spheres
- Material: real gummy candy. Translucent with transmission and refraction, colored light absorption that gets deeper in thick parts, glossy clearcoat with sharp highlights
- Colors: cherry red, orange, lemon yellow, apple green, clear pineapple
- Soft colored shadow under each bear, tinted by the bear's own color

Physics (this is the whole point - it must feel like jelly, not plastic)
- Each bear is a soft body: mass points for head, ears, snout, body, belly, hands and feet, held together by volume-preserving shape matching
- Limbs and neck are rendered as stretchy strands between points, getting thinner as they stretch
- Grab any part and pull: it stretches like rubber, the rest of the bear leans after it, on release it snaps back with a damped wobble
- Pull the head up: the neck stretches, the body follows, on release the bear squashes and hops
- Press down on the head: the bear pancakes, bulges sideways, then launches itself back up
- Throw a bear: it flies, squashes on landing, bounces and pushes other bears out of the way
- Bears collide with each other and never pass through one another
- Idle bears do small random hops with squash and stretch
- "Pour more bears" drops a handful from above into a wobbling, jiggling pile

UI
- Editorial product-page style on a white background. Large italic serif title "Gummy / Bears.", a short subtitle, a minimal card on the right with flavor swatches, a wobble slider, live "Stretch" and "Bounces" readouts and a "Pour more bears" button
- A subtle circular cursor that grows while grabbing
- ACES tone mapping, environment reflections, soft key and back light. Smooth 60fps

日本語訳

"Gummy Bears" を作成してください - 単一の自己完結型 HTML ファイル(依存関係は CDN からの three.js のみ):白いテーブルの上に数体の半透明のグミベアを置き、掴む、伸ばす、押しつぶす、投げる、注ぐことができるもの。

ベアたち
- クラシックなグミベアのシルエット:2 つの耳を持つ丸い頭、短い鼻先、ふっくらした胴体、短くて太い手足、型で成形された小さな目と鼻
- すべてのパーツが次のパーツへ滑らかにつながる - 別々の球体ではなく、暗黙曲面(メタボール / マーチングキューブ)として胴体を構築すること
- マテリアル:本物のグミキャンディ。トランスミッションと屈折を伴う半透明、厚い部分ほど深くなる色付きの光吸収、鋭いハイライトを持つ光沢のあるクリアコート
- 色:チェリーレッド、オレンジ、レモンイエロー、アップルグリーン、クリアパイナップル
- 各ベアの下に、そのベア自身の色で色付けされた柔らかなカラーシャドウ

物理(これが要点 - ゼリーのように感じられること、プラスチックではなく)
- 各ベアはソフトボディ:頭、耳、鼻先、胴体、腹、手、足の質量点が、体積保存シェイプマッチングによって結合されている
- 手足と首は点間の伸縮するストランドとしてレンダリングされ、伸びるほど細くなる
- 任意の部分を掴んで引っ張る:ゴムのように伸び、ベアの残りの部分もそれに続いて傾き、離すと減衰した揺れで元に戻る
- 頭を上に引っ張る:首が伸び、胴体が追従し、離すとベアは潰れて跳ねる
- 頭を押し下げる:ベアは平らに潰れ、横に膨らみ、それから跳ね上がって元に戻る
- ベアを投げる:飛んでいき、着地で潰れ、跳ね、他のベアを押しのける
- ベア同士は衝突し、互いをすり抜けることはない
- 待機中のベアは、スクワッシュ&ストレッチを伴う小さなランダムジャンプを行う
- "Pour more bears" は上から一掴みのベアを落とし、ぐらつき揺れる山にする

UI
- 白い背景のエディトリアルな製品ページスタイル。大きなイタリック体セリフのタイトル "Gummy / Bears."、短いサブタイトル、右側にフレーバースウォッチ、ぐらつきスライダー、ライブの "Stretch" と "Bounces" の読み取り値、"Pour more bears" ボタンを備えたミニマルなカード
- 掴んでいる間は大きくなる、控えめな円形カーソル
- ACES トーンマッピング、環境反射、柔らかなキーライトとバックライト。滑らかな 60fps

出典

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