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,创建一个可交互的 3D“Plush Octopus”玩具,作为单个自包含的 HTML 文件。一只可爱的填充章鱼坐在柔软的工作室桌面上:一个大大的圆脑袋,两颗光亮的黑色安全珠眼睛,绣制的腮红脸颊和一个小小的缝线微笑,八条胖乎乎、逐渐收细的触手躺在桌上、末端向上卷起,露出颜色更浅、带有一排排吸盘的下侧。让它看起来像真正的 minky 绒布:浓密、可见毛丝的实时毛发,柔和的光泽,玩具移动时会摆动的毛发,以及柔和的接触阴影。

交互:
- 拖动头部或任意一条触手,独立地拉伸它;触手必须始终与身体相连,且绝不能相互穿透或穿透头部。
- “Finger”工具:一根手指在章鱼上方跟随指针。附近的触手会向上伸向它;按下以放低手指,触手便缠绕上去抓住它。移动或抬起手指会拖动或提起章鱼,直到触手松开。戳头部会让它凹陷。
- “Comb”工具:抚摸毛发以改变其方向;逆着毛流看起来更深,顺着毛流则发亮。添加一个“Smooth fur”按钮。
- “Shake it”按钮:抓住章鱼头顶把它提起来摇晃,让触手像柔软的香肠一样耷拉、甩动,然后把它放回去。
- Squish(从上方往下压)、Toss 和 Reset。如果它倒着落地,它会慢慢滚回触手朝下的姿态。

控制项:三种毛发颜色(Coral、Lilac、Lagoon)、填充硬度、毛长和内部阻尼的滑块、四分之一速度、暂停。支持鼠标与触控、相机环绕和缩放(滚轮或双指捏合)。使用优雅的编辑式“材质研究”布局:一个大号衬线标题、一块紧凑的控制面板,以及实时读数(质量、体积、动能、抓住不放的触手)。所有几何体、材质和毛发均程序化生成:不使用外部库、模型、贴图或其他资源。优先保证可信的软体物理、稳定的模拟,以及温馨、精致的观感。

溯源

原作者
vib3coded
发布日期
2026-10-04(由推文 ID 反解)
原始出处
查看原帖 ↗
收录来源
zhuyansen/awesome-opus-5.5-video · 2106809017850818679 · 未声明许可