About the Project

Inspiration

We were inspired by humanity's timeless curiosity about the cosmos and the growing potential of AI to democratize learning. The goal was to merge immersive 3D visualization with conversational AI, creating a tool that makes astronomy education interactive and accessible to everyone – from students to casual stargazers.

What it does

This project combines two key features:

  • 🪐 3D Solar System Explorer: A interactive model of our solar system with orbital animations, zoom controls, and planet details
  • 🤖 AI Space Tutor: A chatbot powered by Google's Gemini Pro that answers astronomy questions in real time, from "Why does Mars look red?" to "How do black holes form?"

How we built it

  • 3D Visualization:
    • Three.js for rendering planets, orbits, and lighting
    • OrbitControls for camera manipulation
    • Raycasting for planet click-detection
  • AI Integration:
    • Vertex AI API with Gemini Pro model
    • Custom prompt engineering for astronomy-focused responses
    • Secure API key handling system
  • Frontend:
    • Responsive HTML/CSS layout with absolute positioning
    • Asynchronous chat interface with loading states

Challenges we ran into

  • Performance Balancing: Maintaining 60 FPS while rendering planetary orbits and handling AI requests
  • AI Hallucinations: Preventing the model from inventing fictional space facts through careful prompt constraints
  • Mobile Optimization: Adapting 3D controls for touchscreen interactions
  • Security Tightrope: Enabling user-provided API keys without exposing backend infrastructure

Accomplishments that we're proud of

  • Created a single-page experience that serves both visualization and education needs
  • Achieved <200ms response time for AI answers through API optimization
  • Implemented intuitive controls that work equally well on desktop and mobile
  • Developed reusable Three.js patterns for astronomical scale modeling

What we learned

  • The importance of damping controls in 3D space navigation
  • How to handle astronomical unit (AU) conversions in visualizations
  • Best practices for AI safety filtering in educational contexts
  • The art of balancing scientific accuracy with approachable explanations

What's next for Interactive RA Scenario Chatbot

  • 🌟 Expand Cosmic Scope: Add dwarf planets, asteroids, and exoplanet systems
  • 🚀 Simulation Mode: Let users manipulate gravity variables to create solar system "what-if" scenarios
  • 👩🚀 Augmented Reality: Develop mobile AR version using WebXR
  • 📚 Curriculum Integration: Create lesson plans aligned with STEM standards for classroom use
  • 🌌 Multiplayer Exploration: Enable shared virtual space missions with collaborative AI problem-solving

Built With

Share this project:

Updates