Stock Galaxy 🌌

让数据不再枯燥，把市场装进星空。 Turning market data into a living universe.

🌟 项目价值与意义 (Value & Meaning)

在传统的金融界面中，我们面对的是冰冷的表格和密密麻麻的数字。Stock Galaxy 试图打破这种枯燥，利用 WebGL 和 3D 技术，将加密货币市场重构为一个动态的、有机的星系。

• 直观感知：用星球的大小代表市值，用轨道代表排名，用颜色的呼吸代表涨跌。不需要阅读数字，一眼就能感知市场的“体温”。
• 沉浸体验：从“观察者”变成“探索者”。你不再是盯着屏幕看报表，而是在驾驶飞船穿越数据星云。
• 数据艺术化：将投资监控转化为一种审美体验，缓解盯盘的焦虑感。

🎯 核心目标 (Goals)

1. 零延迟交互：极致的性能优化，无论是数千个粒子的渲染，还是高清纹理的加载，都追求“指哪打哪”的瞬间反馈。
2. 多维视角：提供从宏观（星系）到微观（单币），从静态（市值）到动态（趋势）的全方位观测模式。
3. 实用主义：不仅仅是炫技，更是为了高效获取信息。通过 3D 空间关系，快速定位市场领头羊和异常波动的资产。

🎮 怎么玩？ (How to Play)

1. 三种观测模式 (View Modes)

点击左上角的控制台切换：

• 🌍 Galaxy View (星系模式)：
  • 默认视角。所有资产如星辰般围绕核心旋转。
  • 用途：享受沉浸感，浏览市场全貌，感受万币归宗的宏大。
• 📊 Market Cap View (市值矩阵)：
  • 上帝视角。资产按市值大小在网格中整齐排列，最大的 BTC 位于中心。
  • 用途：快速对比不同币种的体量差异，寻找潜在的“价值洼地”。
• 📈 Trends View (趋势森林)：
  • 低空视角。每个硬币下方长出能量柱，高度代表 24小时涨跌幅。
  • 用途：一眼识别今天的“暴涨王”和“暴跌王”，数据可视化为高低错落的森林。

2. 交互操作 (Interaction)

• 🖱️ 单击飞行 (Click to Fly)：点击任意一个硬币，摄像机瞬间启动曲率引擎，平滑飞至目标面前。
• 🪐 自动环绕 (Auto Orbit)：飞抵目标后，摄像机会自动进入同步轨道，围绕硬币缓慢旋转，方便全方位观察。
• ❌ 极简详情 (Clean UI)：点击详情面板的 X，面板消失，但视角保持不变。你可以静静地悬停在太空中，独自欣赏这枚硬币。
• 👆 自由探索：拖动鼠标/手指旋转视角，滚轮缩放。支持移动端触控，双指缩放体验极佳。

🛠️ 实用性与技术亮点 (Practicality)

虽然这是一个 3D "游戏"，但它有着严肃的实用内核：

• 实时数据：对接 CoinGecko API，获取 Top 250 币种的实时价格、市值和涨跌幅。
• 瞬间加载：采用激进的预加载策略，250 张高清 Logo 秒开，拒绝加载转圈。
• 自适应运镜：智能计算摄像机距离，无论目标是巨大的比特币还是微小的山寨币，都能完美填满视野。
• 移动端适配：针对手机触控进行了深度优化，随时随地把玩掌上星系。

---

📦 安装与运行

# 安装依赖
npm install

# 启动本地星系
npm run dev

Built with React, Three.js, React Three Fiber & TailwindCSS.