Skip to content
is-cauPublic

About

🌌 3D粒子螺旋星系 — Three.js 50K粒子+5旋臂+交互旋转

Resources

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

 

History

2 Commits

Folders and files

Repository files navigation

🌌 3D 粒子螺旋星系

50,000+ 粒子构建的螺旋星系,Three.js + ShaderMaterial 渲染,支持交互旋转缩放。

🎮 在线体验

👉 点此打开

🖱️ 操作

操作 效果
鼠标拖拽 旋转视角
滚轮 拉近/拉远
空格 切换自动旋转
触摸拖拽 移动端旋转

✨ 技术实现

  • 55,000 粒子:5 条旋臂 × 10,000 + 中心光核 5,000
  • 对数螺旋分布:radius = t^0.55 × 25,中心密边缘疏
  • 高斯散射:旋臂宽度自然渐变,厚度中心厚边缘薄
  • HSL 颜色渐变:中心白黄 → 橙 → 粉 → 边缘蓝紫
  • ShaderMaterial:圆形软边发光粒子,AdditiveBlending 叠加
  • 3,000 背景星:球形分布,深邃星空感
  • 鼠标交互:平滑插值旋转 + 缩放

🛠️ 本地运行

git clone https://github.com/is-cau/Galaxy3D.git
cd Galaxy3D
npm install
npm run dev

📜 技术栈

Three.js · TypeScript · Vite · ShaderMaterial · GitHub Pages

About

🌌 3D粒子螺旋星系 — Three.js 50K粒子+5旋臂+交互旋转

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages