DE

WebGL Particles

OGL.js

JavaScript

GLSL

An experimental WebGL project built with OGL.js, animating particles through mathematical formulas and noise functions.

The particles transition smoothly between multiple 3D shapes that blend seamlessly into one another.

Live view
Particle shapes

Features

  • Scroll-based interpolation between different shapes (Torus, Knot, Sphere)
  • Shapes defined by mathematical formulas for seamless transitions
  • Integration of noise for more dynamic movements
  • Minimal implementation using OGL.js

Learnings

  • Experimental use of OGL.js instead of Three.js
  • Mathematical interpolation between complex 3D shapes
  • Fine-tuning noise functions for natural particle motion
Back to home