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 devThree.js · TypeScript · Vite · ShaderMaterial · GitHub Pages