Interactive 3D Particle Earth | GLSL
In this project, I recreated a 3D Earth using thousands of particles. Particles are dynamic and respond to mouse interactions: when the cursor approaches, they repel like a magnetic effect. The project uses custom GLSL shaders for controlling particle motion, color, and glow, along with smooth camera animations for an immersive experience. Completed as a 3-day technical test, this project demonstrates advanced particle systems and real-time interactivity.
Technologies
Three.js
GLSL
JavaScript
GSAP
My Role
Three.js Developer
Client
Technical Test
Year
2025
Location
Remote
Category
Three.js
GLSL
GSAP
My Proccess
In this project, I created a 3D interactive Earth using particles in Three.js, complete with dynamic effects and custom shaders.
Steps
Step 1
The project starts with forming a 3D Earth using particles. Each particle is animated dynamically to create a lively globe.
Step 2
Interactive mouse effects allow particles to repel like magnets when the cursor hovers nearby, creating a unique responsive effect.
Step 3
Custom GLSL shaders control particle colors, motion, and glow, adding depth and realism to the 3D visualization.
