Discover

Lightning Strike Effect

A step-by-step Three.js & GLSL walkthrough for creating a hold-to-charge
1 ratings3.84
Saves1
CategoryDesign
PlatformWeb
PricingFree

A detailed tutorial and code example showcasing how to create a visually dynamic lightning strike effect using Three.js and GLSL shaders, featuring random-walk bolt, segment SDF painting, edge jitter, bloom flicker, and camera shake techniques.

open-source

Ratings & Reviews

Write a review
3.84

1 reviews

Product
3.84
Design & Polish
3.34
Performance
4.34
Mobile PageSpeed
Performance
84 out of 100, Needs improvement
Accessibility
94 out of 100, Good
Best Practices
100 out of 100, Good
SEO
100 out of 100, Good

Be the first to share a thoughtful review.

Information

CategoryDesign
PlatformsWeb
PricingFree
AccountNot confirmed
ListedSeptember 2026
Report a problem

Website checks

Mobile PageSpeed
Performance
84 out of 100, Needs improvement
Accessibility
94 out of 100, Good
Best Practices
100 out of 100, Good
SEO
100 out of 100, Good

Around the Web

Show HN1 source points · 0 comments