Planet Earth 3D

Realistic 3D Planet with Three.js

Bring your web project to life with this immersive, rotating 3D Earth scene built using Three.js. The code features a high-resolution texture for the planet’s surface, semi-transparent moving clouds, a subtle atmospheric glow, and a dynamic starfield background. Perfect for landing pages, interactive data displays, or any web experience that needs a touch of outer space.

Key Features:

• Realistic Earth Texture: Crisp, detailed map wrapped on a 3D sphere.
• Animated Clouds: Adds depth and realism with semi-transparent cloud layers.
• Atmospheric Glow: Custom shader creates a soft atmospheric effect around the planet.
• Starfield Background: Thousands of points of light for a true space ambiance.
• Dynamic Camera Movement: Subtle camera shift to bring the scene to life.
• Easy Integration & Customization: Straightforward HTML/JS structure; simply drop it into your project and adjust settings as needed.

How to Use:

1. Download and unzip the project files.
2. Place the texture images (world_map.jpg, clouds.png) in the images/ folder (or update paths if needed).
3. Serve the files via a local or remote web server (e.g., use VSCode Live Server or any simple HTTP server).
4. Open the index.html (or your renamed file) in a browser to see the 3D Earth in action.

Requirements:

• Three.js (included via CDN in the <script> tag).
• A browser that supports WebGL.

Enhance your website or application with this captivating 3D planet. Customize the rotation speed, lighting, and textures to fit your vision. Get started now and give your users an unforgettable interactive experience!