斗鱼骨骼动画

用 three.js 与 XPBD 约束驱动的水下物理动画:一条斗鱼绑定 50 多个骨骼节点,拖拽鱼头即可牵动全身,尾鳍自然摆动。复制提示词,一键生成同款 3D 交互动画。

Loading preview...
从这段提示词开始

生成可拖拽的斗鱼骨骼物理动画

换成水母

将主角换成半透明水母与触手骨骼。

体验 Kimi 构建应用
用 three.js 绑定 XPBD 约束,打造丝滑的物理动态:斗鱼至少有 50 个骨骼节点,置于水下场景中;拖拽鱼头即可牵动全身,尾巴灵活摆动。刷好权重后,制作 HTML 交互。 将主角换成一只半透明水母:骨骼节点沿伞盖边缘与触手分布,拖拽伞盖时,触手会在 XPBD 约束下延迟摆动;材质改为带次表面散射的半透明质感,场景光改为深蓝色调。 
加入鱼群与投喂

加入鱼群游弋与点击投喂交互。

体验 Kimi 构建应用
用 three.js 绑定 XPBD 约束,打造丝滑的物理动态:斗鱼至少有 50 个骨骼节点,置于水下场景中;拖拽鱼头即可牵动全身,尾巴灵活摆动。刷好权重后,制作 HTML 交互。 在主斗鱼之外加入一群 8 条小型鱼,用简化的集群算法让它们在水中游弋并避开斗鱼;点击水面任意位置投下鱼食,斗鱼与鱼群会转向游向食物。 
生物课演示版

添加骨骼标注与说明,适合课堂演示。

体验 Kimi 构建应用
用 three.js 绑定 XPBD 约束,打造丝滑的物理动态:斗鱼至少有 50 个骨骼节点,置于水下场景中;拖拽鱼头即可牵动全身,尾巴灵活摆动。刷好权重后,制作 HTML 交互。 为动画添加教学标注模式:打开开关后,显示斗鱼主要骨骼节点的名称与连线(脊柱、尾柄、各鳍条);点击节点会弹出一句功能说明,面板文字使用中文,适合课堂投影演示。