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):白色桌子上放着幾顆半透明的軟糖熊,你可以抓取、拉伸、壓扁、投擲和傾倒它們。

軟糖熊
- 經典的軟糖熊剪影:圓腦袋和兩隻耳朵、短口鼻、圓胖身體、短粗的四肢、模壓成型的小眼睛和小鼻子
- 每個部分都平滑地融入下一個部分——將身體構建爲隱式曲面(metaballs / marching cubes),而不是彼此分離的球體
- 材質:真正的軟糖。半透明,帶透射和折射,有顏色的光吸收在較厚處更深,光滑的清漆層帶銳利高光
- 顏色:櫻桃紅、橙色、檸檬黃、蘋果綠、透明菠蘿色
- 每隻熊下方有柔和的彩色陰影,染上該熊自身的顏色

物理(這是全部要點——必須感覺像果凍,而不是塑料)
- 每隻熊都是軟體:頭部、耳朵、口鼻、身體、肚子、手和腳都有質點,通過保持體積的形狀匹配連接在一起
- 四肢和脖子渲染爲質點之間的可拉伸條帶,拉伸時變細
- 抓住任意部位拉動:它會像橡膠一樣拉伸,熊的其餘部分跟着傾斜,鬆手後會帶着阻尼的晃動彈回
- 向上拉頭部:脖子拉伸,身體跟隨,鬆手後熊會被壓扁並彈跳
- 向下按頭部:熊被壓扁成餅狀,向側面鼓起,然後把自己彈回上方
- 投擲一隻熊:它飛出去,落地時壓扁,彈起並把其他熊推開
- 熊之間會相互碰撞,絕不會彼此穿過
- 靜止的熊會隨機做小幅跳躍,帶壓扁和拉伸
- "Pour more bears" 會從上方丟下一把熊,落入一堆晃動、顫動的熊中

界面
- 白色背景上的雜誌編輯式產品頁風格。大號斜體襯線標題 "Gummy / Bears.",一段簡短副標題,右側一張極簡卡片,帶有口味色塊、一個晃動滑塊、實時的 "Stretch" 和 "Bounces" 讀數以及一個 "Pour more bears" 按鈕
- 一個細微的圓形光標,抓取時會變大
- ACES 色調映射、環境反射、柔和的主光和背光。流暢 60fps

溯源

原作者
semichenkko
發佈日期
2026-10-13(由推文 ID 反解)
原始出處
查看原帖 ↗
收錄來源
zhuyansen/awesome-opus-5.5-video · 2110131790136401989 · 未聲明授權