Earth 3D React

Introduction

Earth 3D React is a project that uses React and Three.js to create an interactive 3D Earth visualization. This project demonstrates how to combine these two libraries to build stunning 3D graphics in React applications.

Features

• Custom Shaders: Implements a unique shader for creating a glowing halo effect around the Earth.
• Interactive 3D Globe: Users can rotate and interact with the globe.
• Triangular Meshes: Adds dynamic triangular mesh elements for enhanced visual effects.
• Built with Three.js: Utilizes Three.js for 3D rendering and visual effects.
• React Integration: Leverages React's component-based architecture for organized and maintainable code.

Prerequisites

Make sure you have the following installed on your system:

• Node.js (version 12 or later)
• npm or yarn

Installation and Setup

1. Clone the repository:

   git clone https://github.com/alireza013013/earth-3d-react.git
   cd earth-3d-react

2. Install dependencies:

   Using npm:

   npm install

   Or using yarn:

   yarn install

3. Run the application:

   Using npm:

   npm run dev

   Or using yarn:

   yarn run dev

   The app will be available in your browser at http://localhost:3000.

Build for Production

To create an optimized production build, run:

Using npm:

npm run build

Or using yarn:

yarn build

The output will be located in the build folder, ready for deployment.

Contribution

Contributions are welcome! If you have suggestions for improvements or find any bugs, feel free to open an Issue or Pull Request in the GitHub repository.

Demo

Check out the live demo of the project here:

Live Demo