Abdul-Wasay-008/Atlas26
GitHub: Abdul-Wasay-008/Atlas26
Stars: 45 | Forks: 11



# 🌌 Atlas26
### A Digital Window Into Our Living Cosmos
Atlas26 is a real-time, interactive 3D space visualization platform designed to help humans explore, understand, and emotionally connect with the living universe.
It blends science, real-time data, cinematic visuals, and modern web technologies into a single immersive experience, allowing users to observe planets, satellites, orbital mechanics, and cosmic motion directly in their browser.
## 🌠 Why Atlas Exists
Space is often presented as numbers, charts, textbooks, or abstract simulations.
Atlas was born from a simple idea:
Most people never truly feel the scale, motion, and beauty of our universe. Atlas aims to change that by creating a digital window into the cosmos where motion, light, time, and data come together in a cinematic way.
Atlas is built for:
- 🌍 Curious minds
- 🎓 Learners and students
- 🧠 Explorers and thinkers
- 🚀 Developers who love visual systems
- 🌌 Anyone who feels wonder when looking at the sky
## 🧭 Vision
Atlas26 aims to evolve into a living cosmic platform that combines:
- 🌐 Real-time orbital data
- 🛰️ Satellite tracking
- 🌍 Planetary simulation
- 🧠 AI-powered explanations
- 🎥 Cinematic storytelling
- 🎓 Educational exploration tools
Long-term, Atlas is envisioned as:
## ✨ Current Features
- 🌍 Real-time Earth visualization
- 🌗 Day / Night terminator rendering based on sunlight direction
- 🛰️ ISS orbital positioning and tracking
- 🌙 Dynamic moon phase simulation
- 🪐 Interactive 3D scene using Three.js + React Three Fiber
- 🎥 Smooth camera movement and cinematic transitions
- ⚡ High-performance rendering using Next.js + TypeScript
- 🎨 Space-themed UI with custom typography and motion design
- 🧭 Local metadata system for celestial objects
## 🔮 Planned Features & Evolution
Atlas is actively evolving. Planned directions include:
### 🚀 Near-Term
- 🛰️ Real-time orbital data from NASA & Celestrak
- 🌍 Accurate planetary positions based on time engine
- 📊 Improved info panels with dynamic data
- 🎥 Enhanced lighting, atmospheres, and shaders
- 🧭 Camera presets for cinematic exploration
### 🌌 Mid-Term
- 🤖 AI-guided explanations of celestial objects
- 📚 Educational modes for students
- 🧪 Simulation controls (time speed, orbit toggles)
- 🗺️ Multiple celestial layers (satellites, debris, stations)
### 🌠 Long-Term
## 🛠️ Tech Stack
- **Framework:** Next.js 16
- **Language:** TypeScript
- **3D Engine:** Three.js + React Three Fiber
- **Animation:** Framer Motion
- **Styling:** Tailwind CSS
- **State & Data:** Local metadata + external APIs (planned)
- **Build & Tooling:** Vite / Next tooling
- **Deployment:** Vercel
## 🚀 Getting Started
### 🧩 Prerequisites
Make sure you have the following installed:
- ✅ Node.js 18+
- ✅ npm (comes with Node.js)
- ✅ Git
You can verify your setup by running:
node -v
npm -v
git --version
### 📦 Clone the Repository
git clone https://github.com/Abdul-Wasay-008/Atlas26.git
cd Atlas26
### 📥 Install Dependencies
npm install
### ▶️ Run the Development Server
npm run dev
Open your browser and navigate to:
http://localhost:3000
## 🖼️ Preview

标签:自动化攻击