Skip to content

Latest commit

 

History

2 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Three.js Earth Globe 🌎

This project is a part of FreeCodeCamp's curriculum and is created for practice purposes 🤓.

Overview

This project uses Three.js to create a 3D globe of the Earth 🌎. The globe is interactive and can be rotated using the mouse 🖱️. The globe also includes day and night cycles 🌃, as well as cloud coverage ☁️.

Features

  • Interactive 3D globe of the Earth 🌎
  • Day and night cycles 🌃
  • Cloud coverage ☁️

Technologies Used

  • Three.js 🎉
  • Vite ⚡️

How to Run

  1. Clone the repository 📂
  2. Run npm install to install the dependencies 📦
  3. Run npm run dev to start the development server 🚀
  4. Open http://localhost:3000 in your browser to view the globe 🌐

How to Use

  1. Click and drag the mouse to rotate the globe 🖱️
  2. Use the mouse wheel to zoom in and out 🔍
  3. Press the spacebar to toggle the day and night cycles ⏰
  4. Press the 'c' key to toggle the cloud coverage ☁️

Credits

This project was created by zeenox-stack as part of FreeCodeCamp's curriculum 🎓. The textures used in this project were created by Pixelimporium and are licensed under the MIT license 📝.

About

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages