Interactive 3D Particle Earth

Thousands of particles form a globe that reacts to the mouse like a magnet, with custom shaders and smooth camera motion.

Live Link
Interactive 3D Particle Earth
Location: Remote · United KingdomYear: 2025

Completed as a three-day technical test, this globe is built from thousands of animated particles. Custom GLSL shaders control their motion, colour and glow, the particles repel from the cursor like a magnet, and GSAP drives smooth camera animation.

Technology

  • Three.js
  • GLSL
  • GSAP
  • JavaScript

Our team’s part

  • Three.js development
  • GLSL shader development

Client

  1. A living globe

    A living globe

    Each particle is animated to form a lively Earth.

  2. Magnetic mouse effect

    Magnetic mouse effect

    Particles push away from the cursor and settle back when it leaves.

  3. Custom shaders

    Custom shaders

    GLSL shaders add colour, motion and glow for depth and realism.

All projects