ThreeVFX Back to library

Lightning Strike Effect

A step-by-step look at how I made a hold-to-charge lightning strike using Three.js and GLSL shaders.

Made with love by @chunrapeepat @chunrapeepat

Where it started

I wanted to build a lightning strike effect, so I went looking for real footage.

These two clips caught my attention and became my references — I downloaded them and studied them frame by frame to come up with something similar.

Washington Monument · FOX 5 DC
Strike on open water
This is a step-by-step breakdown of how I built the effect. I hope you find it useful — and if you're ready, let's get started.

Want more experiments like this? Get an email when I ship something new.