正在初始化粒子宇宙...

粒子宇宙 v2.0

粒子数: 8,000
FPS: 60 | 模式: 旋转星云
相机位置: (0, 0, 200)
渲染时间: 16.7ms

宇宙控制台

粒子连线
自动旋转

操作指南

  • 🖱️ 拖拽旋转视角 | 滚轮缩放
  • ⌨️ WASD移动 | QE上下 | R重置
  • 👆 双击聚焦 | 悬停查看粒子信息
  • 🎵 点击音乐模式启用麦克风

3D粒子宇宙交互探索

基于Three.js构建的沉浸式星空场景,支持8000+粒子系统、多种动画模式、音乐响应与后处理特效

功能亮点

  • ✦ 支持8000+粒子实时渲染,自适应性能调节
  • ✦ 5种动画模式:旋转星云、呼吸脉动、流体流动、随机漫步、音乐响应
  • ✦ Bloom泛光后处理 + 色差 + 晕影特效
  • ✦ 麦克风音乐响应,粒子随节奏跳动
  • ✦ 预设场景一键切换,支持URL分享

快捷键

W/A/S/D

前后左右移动

Q/E

上下移动

R

重置相机

Space

暂停/恢复

工具介绍

📌 3D粒子宇宙交互探索是一款基于Three.js构建的沉浸式星空可视化创作工具,支持8000+粒子实时渲染与多种交互动画模式。

✨ 核心功能

  • 🔹 8000+粒子系统,球体分布带径向渐变色彩
  • 🔹 5种动画模式:旋转星云、呼吸脉动、流体流动、随机漫步、音乐响应
  • 🔹 Bloom泛光、色差、晕影等后处理特效
  • 🔹 Web Audio API音乐响应,粒子随节奏跳动
  • 🔹 5套预设场景一键切换,支持URL参数分享
  • 🔹 粒子间动态连线,距离越近透明度越高
  • 🔹 鼠标悬停查看粒子详细信息,双击聚焦飞行

💡 使用技巧

  • ✅ 按Space键快速暂停/恢复动画,方便截图
  • ✅ 启用音乐模式后点击麦克风可让粒子随音乐律动
  • ✅ 使用截图功能保存当前场景为PNG图片
  • ✅ 通过分享按钮生成URL参数,与他人同步场景配置