Abdul-Wasay-008/Atlas26

GitHub: Abdul-Wasay-008/Atlas26

Atlas26 是一个基于 Next.js 和 Three.js 构建的实时交互式 3D 太空可视化平台,让用户在浏览器中直观地观察行星、卫星和轨道运动。

Stars: 45 | Forks: 11

Hero # 🌌 Atlas26 ### 一扇通往我们鲜活宇宙的数字之窗 Atlas26 是一个实时、交互式的 3D 太空可视化平台,旨在帮助人类探索、理解并在情感上与充满生机的宇宙建立联系。 它将科学、实时数据、电影级视觉效果和现代 Web 技术融为一体,打造出单一的沉浸式体验,让用户可以直接在浏览器中观察行星、卫星、轨道力学和宇宙运动。 ## 🌠 为什么创建 Atlas 太空常常以数字、图表、教科书或抽象模拟的形式呈现。 Atlas 诞生于一个简单的想法: 大多数人从未真正感受过我们宇宙的尺度、运动和美丽。Atlas 旨在改变这一点,通过创建一扇通往宇宙的数字之窗,让运动、光、时间和数据以电影般的方式交融在一起。 Atlas 专为以下人群打造: - 🌍 充满好奇心的心灵 - 🎓 学习者和学生 - 🧠 探索者和思考者 - 🚀 热爱视觉系统的开发者 - 🌌 任何在仰望星空时感到惊叹的人 ## 🧭 愿景 Atlas26 旨在发展为一个鲜活的宇宙平台,结合以下功能: - 🌐 实时轨道数据 - 🛰️ 卫星追踪 - 🌍 行星模拟 - 🧠 AI 驱动的解释说明 - 🎥 电影般的叙事 - 🎓 教育探索工具 长远来看,Atlas 的愿景是: ## ✨ 当前功能 - 🌍 实时地球可视化 - 🌗 基于阳光方向的昼夜晨昏线渲染 - 🛰️ ISS 轨道定位与追踪 - 🌙 动态月相模拟 - 🪐 使用 Three.js + React Three Fiber 的交互式 3D 场景 - 🎥 流畅的镜头移动与电影级转场 - ⚡ 使用 Next.js + TypeScript 的高性能渲染 - 🎨 采用自定义排版和动态设计的太空主题 UI - 🧭 用于天体对象的本地元数据系统 ## 🔮 计划功能与演进 Atlas 正在不断演进。计划的发展方向包括: ### 🚀 近期计划 - 🛰️ 来自 NASA 和 Celestrak 的实时轨道数据 - 🌍 基于时间引擎的精确行星位置 - 📊 包含动态数据的改进版信息面板 - 🎥 增强的光照、大气和着色器 - 🧭 用于电影级探索的镜头预设 ### 🌌 中期计划 - 🤖 AI 引导的天体对象解释 - 📚 面向学生的教育模式 - 🧪 模拟控制(时间速度、轨道开关) - 🗺️ 多重天体图层(卫星、碎片、空间站) ### 🌠 长期计划 - 🕶️ 由 WebXR 驱动的沉浸式探索(VR 头显与空间环境) - 📱 用于移动端宇宙可视化的增强现实 (AR) 模式 - 🧠 叙事驱动的宇宙故事体验 - 🎓 虚拟教室和引导式学习环境 - 🌌 多用户共享探索实验 - 🛰️ 高级空间模拟与电影级体验 ## 🛠️ 技术栈 - **框架:** Next.js 16 - **语言:** TypeScript - **3D 引擎:** Three.js + React Three Fiber - **动画:** Framer Motion - **样式:** Tailwind CSS - **状态与数据:** 本地元数据 + 外部 API(计划中) - **构建与工具:** Vite / Next 工具链 - **部署:** Vercel ## 🚀 入门指南 按照以下步骤在您的本地机器上运行 Atlas26。 ### 🧩 前置条件 请确保您已安装以下软件: - ✅ Node.js 18+ - ✅ npm(随 Node.js 一同安装) - ✅ Git 您可以通过运行以下命令来验证您的配置: ``` node -v npm -v git --version ``` ### 📦 克隆仓库 ``` git clone https://github.com/Abdul-Wasay-008/Atlas26.git cd Atlas26 ``` ### 📥 安装依赖 ``` npm install ``` ### ▶️ 运行开发服务器 ``` npm run dev ``` 打开浏览器并访问: ``` http://localhost:3000 ``` ## 🖼️ 预览 Hero Dashboard Hst Moon
标签:3D可视化, Three.js, 卫星追踪, 天文模拟, 自动化攻击