金色深海水母
金色半透明水母在深蓝海洋中脉动上浮,触手与口腕由弹簧物理实时驱动,鼠标靠近会加速发光,支持拖拽旋转与缩放。复制提示词,一键生成你的深海 3D 网页。
正在加载预览…
2357 views
从这段提示词开始
生成物理驱动的金色水母深海 3D 互动网页
制作一个 Three.js 水母交互网页,在中心明亮、四周深蓝的海洋背景中,让 6–10 只金色半透明水母缓慢旋转、脉动上浮,至少三只始终可见,越过上界后从底部重新进入。水母具有橙色与奶白色径向条纹、斑点、内部辉光和透亮边缘,透过伞盖可以看见褶皱口腕;收缩时伞缘明显外翻。 每只水母包括内外两层伞盖、柔软裙边、20 条细如发丝的触手和 4 条褶皱口腕。伞盖周期收缩,裙边、触手和口腕由稳定的 Verlet 弹簧物理系统跟随运动,不使用预录动画。所有运动使用统一物理时钟,限制大帧间隔并使用足够子步,确保长时间运行不会发散或错位。 背景加入柔和焦散、假体积光幕和闪烁浮游生物,以柔和辉光与 ACES 色调映射呈现深海光感。妥善处理透明层排序和抗锯齿,触手连续清晰。鼠标靠近水母时,使其脉动加快、发光增强,触手受到轻微推动;支持拖拽旋转和滚轮缩放,并限制观察距离与俯仰角度。 把金色水母替换为 15–20 条蓝绿色发光热带鱼,保留 Verlet 弹簧物理驱动鱼尾与鱼鳍摆动,让鱼群在画面中缓慢环绕游动并彼此避让。 使用 WebGL2 与程序化模型、材质,无需 WebGPU、外部模型、音频、控制面板或多场景切换。交付可直接运行的静态网页,依赖本地打包。参考 Aurelia 的视觉与物理思路,保留所用代码和算法的来源及许可说明;如使用原作或 Dave Hoskins 的焦散算法,按对应许可保留署名。
制作一个 Three.js 水母交互网页,在中心明亮、四周深蓝的海洋背景中,让 6–10 只金色半透明水母缓慢旋转、脉动上浮,至少三只始终可见,越过上界后从底部重新进入。水母具有橙色与奶白色径向条纹、斑点、内部辉光和透亮边缘,透过伞盖可以看见褶皱口腕;收缩时伞缘明显外翻。 每只水母包括内外两层伞盖、柔软裙边、20 条细如发丝的触手和 4 条褶皱口腕。伞盖周期收缩,裙边、触手和口腕由稳定的 Verlet 弹簧物理系统跟随运动,不使用预录动画。所有运动使用统一物理时钟,限制大帧间隔并使用足够子步,确保长时间运行不会发散或错位。 背景加入柔和焦散、假体积光幕和闪烁浮游生物,以柔和辉光与 ACES 色调映射呈现深海光感。妥善处理透明层排序和抗锯齿,触手连续清晰。鼠标靠近水母时,使其脉动加快、发光增强,触手受到轻微推动;支持拖拽旋转和滚轮缩放,并限制观察距离与俯仰角度。 为场景增加昼夜切换按钮:夜晚模式下环境光变暗,水母生物荧光增强,并加入缓缓漂浮的发光浮游粒子。 使用 WebGL2 与程序化模型、材质,无需 WebGPU、外部模型、音频、控制面板或多场景切换。交付可直接运行的静态网页,依赖本地打包。参考 Aurelia 的视觉与物理思路,保留所用代码和算法的来源及许可说明;如使用原作或 Dave Hoskins 的焦散算法,按对应许可保留署名。
制作一个 Three.js 水母交互网页,在中心明亮、四周深蓝的海洋背景中,让 6–10 只金色半透明水母缓慢旋转、脉动上浮,至少三只始终可见,越过上界后从底部重新进入。水母具有橙色与奶白色径向条纹、斑点、内部辉光和透亮边缘,透过伞盖可以看见褶皱口腕;收缩时伞缘明显外翻。 每只水母包括内外两层伞盖、柔软裙边、20 条细如发丝的触手和 4 条褶皱口腕。伞盖周期收缩,裙边、触手和口腕由稳定的 Verlet 弹簧物理系统跟随运动,不使用预录动画。所有运动使用统一物理时钟,限制大帧间隔并使用足够子步,确保长时间运行不会发散或错位。 背景加入柔和焦散、假体积光幕和闪烁浮游生物,以柔和辉光与 ACES 色调映射呈现深海光感。妥善处理透明层排序和抗锯齿,触手连续清晰。鼠标靠近水母时,使其脉动加快、发光增强,触手受到轻微推动;支持拖拽旋转和滚轮缩放,并限制观察距离与俯仰角度。 让每只水母可以被点击:点击后暂停其运动,弹出科普信息卡,包含物种名称、栖息深度和两条简短知识,面向普通读者撰写。 使用 WebGL2 与程序化模型、材质,无需 WebGPU、外部模型、音频、控制面板或多场景切换。交付可直接运行的静态网页,依赖本地打包。参考 Aurelia 的视觉与物理思路,保留所用代码和算法的来源及许可说明;如使用原作或 Dave Hoskins 的焦散算法,按对应许可保留署名。
