Skip to content

A captivating 3D scene with a rotating moon, dynamic starfield, and interactive camera controls. Built with Three.js and vanilla JavaScript using Vite. Explore the cosmos on your screen!

Notifications You must be signed in to change notification settings

vishkashpvp/moon3d

Repository files navigation

Moon 3D

This project demonstrates a simple 3D scene created using Three.js and vanilla javascript, built with the Vite development tool. It features a rotating moon and a starfield, with camera controls to explore the scene.

Features

  • Rotating moon with a realistic texture.
  • Dynamic starfield with random stars.
  • Interactive camera controls for panning and zooming.
  • Responsive design for different screen sizes.

Getting Started

To run this project locally, follow these steps:

  1. Clone this repository to your local machine:
git clone https://github.com/vishkashpvp/moon3d.git
  1. Change into the project directory:
cd moon3d
  1. Install the project dependencies:
npm i
  1. Start the development server:
npm run dev
  1. Open your web browser and navigate to http://localhost:5173/ to view the 3D scene.

Dependencies

  • Three.js: A popular 3D library for the web.
  • Vite: A fast development build tool for modern web projects.

Acknowledgements

The moon texture used in this project is sourced from NASA's website. You can find the original texture and more information at NASA's Moon Texture.

About

A captivating 3D scene with a rotating moon, dynamic starfield, and interactive camera controls. Built with Three.js and vanilla JavaScript using Vite. Explore the cosmos on your screen!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published