金色深海水母
金色半透明水母在深蓝海洋中脉动上浮,触手与口腕由弹簧物理系统实时驱动;鼠标靠近时会加速发光,支持拖拽旋转和缩放。复制提示词,一键生成你的深海 3D 网页。
Loading preview...
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 的焦散算法,请按相应许可保留署名。
