{"id":50379592,"url":"https://github.com/neozhu/3d-solar-system-simulator","last_synced_at":"2026-05-30T11:03:05.289Z","repository":{"id":351677418,"uuid":"1210125811","full_name":"neozhu/3d-solar-system-simulator","owner":"neozhu","description":"A visually striking, physically grounded, production-quality 3D Solar System simulator running directly in your browser. This application combines accurate astronomical simulation logic with premium aesthetics, offering an immersive web-based cosmic environment.","archived":false,"fork":false,"pushed_at":"2026-04-16T01:58:02.000Z","size":15616,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-04-16T03:27:04.397Z","etag":null,"topics":["vibe-coding"],"latest_commit_sha":null,"homepage":"https://neozhu.github.io/3d-solar-system-simulator/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/neozhu.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":"AGENTS.md","dco":null,"cla":null}},"created_at":"2026-04-14T05:38:36.000Z","updated_at":"2026-04-16T01:58:05.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/neozhu/3d-solar-system-simulator","commit_stats":null,"previous_names":["neozhu/3d-solar-system-simulator"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/neozhu/3d-solar-system-simulator","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neozhu%2F3d-solar-system-simulator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neozhu%2F3d-solar-system-simulator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neozhu%2F3d-solar-system-simulator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neozhu%2F3d-solar-system-simulator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/neozhu","download_url":"https://codeload.github.com/neozhu/3d-solar-system-simulator/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neozhu%2F3d-solar-system-simulator/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33689565,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-05-30T02:00:06.278Z","response_time":92,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["vibe-coding"],"created_at":"2026-05-30T11:03:04.606Z","updated_at":"2026-05-30T11:03:05.284Z","avatar_url":"https://github.com/neozhu.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🪐 3D Solar System Simulator\n\nA visually striking, physically grounded, production-quality 3D Solar System simulator running directly in your browser. This application combines accurate astronomical simulation logic with premium aesthetics, offering an immersive web-based cosmic environment.\n\n\n![](/public/demo.png)\n\n## ✨ Features\n\n- **Realistic Orbital Motion**: Calculates and visualizes planetary orbits with scaled fidelity.\n- **High-Fidelity Rendering**: Showcases planets using multiple texture maps (color, normal, roughness) and custom shaders for atmospheric effects.\n- **Advanced Sun Effects**: Incorporates dynamic shader-based visual enhancements for the Sun, including animated solar dynamics and corona effects.\n- **Cinematic Post-Processing**: Includes bloom and anti-aliasing via `@react-three/postprocessing` for a polished visual experience.\n- **Interactive Controls**: Fluidly navigate the solar system with intuitive camera handling, orbit tracking, and a comprehensive informational UI.\n- **Modern UI \u0026 Animations**: Smooth interactions with framer-motion and modern UI designed with Tailwind CSS.\n\n## 🛠️ Technology Stack\n\n- **Core Framework**: React 18, TypeScript, Vite\n- **3D Engine**: Three.js, React Three Fiber (`@react-three/fiber`), React Three Drei (`@react-three/drei`)\n- **Post-Processing**: React Three Postprocessing (`@react-three/postprocessing`)\n- **State Management**: Zustand\n- **Styling \u0026 Animation**: Tailwind CSS, Framer Motion, Lucide React (Icons)\n\n## 🚀 Getting Started\n\n### Prerequisites\n\nEnsure you have [Node.js](https://nodejs.org/) (v16 or higher recommended) installed on your machine.\n\n### Installation\n\n1. Install the necessary dependencies:\n\n```bash\nnpm install\n```\n\n### Running Locally\n\nStart the Vite development server:\n\n```bash\nnpm run dev\n```\n\nThe application will be available at `http://localhost:5173` (or the port specified in your terminal).\n\n### Building for Production\n\nCreate a production-ready bundle:\n\n```bash\nnpm run build\n```\n\nThis runs TypeScript type checking (`tsc`) and then uses Vite to generate the optimized static site into the `dist` directory. You can preview the production build using:\n\n```bash\nnpm run preview\n```\n\n## 🏗️ Project Architecture\n\nThe project follows a clean, modular structure:\n\n- `src/components/scene/`: Contains all 3D scene elements, including planetary meshes, cameras, lights, environment maps, and custom shaders.\n- `src/components/ui/`: Standard 2D React DOM components for overlays, menus, planet selectors, and information panels, placed over the 3D canvas.\n- `src/store/`: Centralized state management utilizing Zustand for handling global simulator states like simulation speed and currently selected targets.\n- `src/utils/`: Dedicated utilities for mathematics, astronomical data, type definitions, and realistic or stylized space scaling.\n\n## 🌐 Deploy to GitHub Pages\n\nThis repository is configured for automatic deployment with GitHub Actions.\n\n### One-time setup\n\n1. Push this project to the `main` branch of your repository.\n2. In GitHub, open **Settings → Pages**.\n3. Under **Build and deployment**, choose **Source: GitHub Actions**.\n\n### Deployment behavior\n\n- Workflow file: `.github/workflows/deploy-pages.yml`\n- Trigger: push to `main` or `master`\n- Output: Vite build from `dist/`\n- Site URL: `https://neozhu.github.io/3d-solar-system-simulator/`\n\n### Notes\n\n- Vite `base` is set for this repository path during build.\n- Local development remains unchanged (`npm run dev`).\n\n## 🤝 Acknowledgments\n\n- Built with modern 3D web technologies to provide an engaging educational and interactive sandbox.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fneozhu%2F3d-solar-system-simulator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fneozhu%2F3d-solar-system-simulator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fneozhu%2F3d-solar-system-simulator/lists"}