Design●●Solid
M. C. Escher spiral in WebGL inspired by 3Blue1Brown
WebGL fragment shader recreates the Escher print gallery conformal mapping effect.
Eye CandyWizardry
laszlokorte
176322mo ago
Back to browse
Deconstructing a Black Hole in a Fragment Shader
by apson·Apr 10, 2026·3 points·1 comment
AI Analysis
●●SolidRabbit HoleWizardryCozy
Live GLSL shader breakdown that actually runs in your browser while you read.
Strengths
- •Shader executes live on the page, not just static code screenshots or gifs.
- •Breaks complex fragment shader into digestible sections with zero prerequisite knowledge needed.
- •Three.js setup explained clearly—shows exactly what the engine does versus the shader.
Weaknesses
- •Shader tutorials already exist (Book of Shaders, ShaderToy) with broader coverage.
- •Single-effect focus limits broader applicability beyond this specific black hole visualization.
Category
Target Audience
Graphics programmers, creative coders, WebGL learners
Similar To
The Book of Shaders · ShaderToy · Three.js examples
Similar Projects
Education●●Solid
The Anatomy of an LLM
Interactive LLM explainer covering tokenization through KV cache across 15 chapters.
Rabbit HoleCozy
redcodenl
427d ago
Developer Tools●●Solid
ShaderPad – Get Creative with Shaders
5.8kB shader player with face-tracking plugins beats loading a full 3D engine.
SlickNiche Gem
rileyjshaw
201mo ago
Education●●●Banger
Interactive animated walkthroughs of Kubernetes internals
Finally, an animated visualization of kube-scheduler filter plugins that doesn't suck.
Eye CandyRabbit HoleCrowd Pleaser
saiyampathak
109d ago
Developer Tools●●Solid
Firstrun – Turn static documentation into interactive walkthroughs
Per-step analytics identify exactly where docs fail, beyond simple page views.
Solve My ProblemSlick
mhamda
202mo ago
Productivity●●Solid
Turn guides into interactive walkthroughs with step analytics
Step-level analytics pinpoint exactly which instruction kills onboarding conversion.
Solve My ProblemEye Candy
mhamda
103mo ago