Skip to content

Latest commit

 

History

History
71 lines (56 loc) · 2.38 KB

README.md

File metadata and controls

71 lines (56 loc) · 2.38 KB
Raw

Route Planner for 3D Moon Surface

This project is a 3D route planner for plotting paths on the moon's surface, using CesiumJS to render a realistic lunar environment. You can visualize and plot a rover's route based on given coordinates.

Features

  • 3D Moon Surface Rendering: Utilizes CesiumJS to display the moon in a realistic 3D environment.
  • Custom Path Plotting: Load and visualize a path by providing a JSON file with coordinates.
  • Interactive Navigation: Pan, zoom, and rotate around the rendered moon to analyze the path from multiple perspectives.
  • Lightweight: Requires no additional backend setup, runs directly in the browser.

Project Structure

The key components of the project are:

  • index.html: Entry point for the application.
  • styles.css: Styling for the interface.
  • app.js: JavaScript logic for loading and rendering the path.
  • coordinates.json: JSON file containing coordinates for the rover's path.

Prerequisites

To run this project, ensure you have:

  • Live Server (e.g., VS Code's Live Server extension) or any local development server to serve the HTML file.
  • A modern browser with WebGL support.

How to Run

  1. Clone the repository: 
    git clone https://github.com/yourusername/Route-Planner.git
  2. Navigate to the project folder: 
    cd Route-Planner
  3. Run with Live Server:
    • Open index.html with a live server (e.g., via VS Code).
    • Alternatively, serve the project using any static file server.
  4. Visualize the Path:
    • The moon's surface and the path will render automatically based on the coordinates.json file.

JSON Format for Coordinates

Ensure your coordinates.json follows this format:

[
  { "latitude": 0.0, "longitude": 0.0, "height": 0.0 },
  { "latitude": 10.0, "longitude": 15.0, "height": 100.0 },
  { "latitude": -5.0, "longitude": 20.0, "height": 200.0 }
]
  • latitude: Latitude of the point in degrees.
  • longitude: Longitude of the point in degrees.
  • height: Elevation of the point.

Technologies Used

  • CesiumJS: For 3D visualization of the moon's surface.
  • HTML, CSS, JavaScript: Core technologies for building the web application.
  • JSON: Data format for providing coordinates.

🔗 Live Demo

Live Demo of Route Planner