Texture Particle Cursor

Interactive particle system that follows cursor movement, creating beautiful fluid-like effects using GPU-accelerated particles and texture-based displacement.

Code
alvarosabu
alvarosabu
particlescursorshadersinteractive

Overview

This experiment demonstrates an interactive particle system that responds to cursor movement. Particles are displaced based on texture data, creating fluid and organic motion effects as you move your mouse across the canvas.

Inspiration

This experiment is based on the excellent Three.js Journey course by Bruno Simon. The course provides comprehensive lessons on WebGL, Three.js, and shader programming, including advanced particle systems and interactive effects.

Features

  • GPU-accelerated particle rendering for smooth performance
  • Texture-based particle displacement
  • Interactive cursor tracking
  • Real-time particle animation using custom shaders

Credits

  • Concept and techniques from Three.js Journey by Bruno Simon
  • Implementation adapted for TresJS and Vue 3