Experiments in procedural dappled light shaders

One of my personal philosophies is that one’s personal site should feel like a digital home. As someone who stops to enjoy the light a lot, I felt it was very important that my digital home have nice lighting too.

One of my personal philosophies is that one’s personal site should feel like a digital home. As someone who stops to enjoy the light a lot, I felt it was very important that my digital home have nice lighting too. For a long time, I had this dappled light effect on my website that I made and open-sourced. At some point though, I noticed that if I zoomed in any amount on Chrome, there was a CSS compositing bug which would render a strange black gradient over the whole site. I tried for a few hours to resolve it but found no success and so decided to rip it out entirely. This left my site…

saved by

• Aaron Pham
• Aadharsh Pannirselvam
• Alicia Zhou
• Morgan Lin
• jenny peng

related reading

• Paper Shaders – Ultra-fast zero-dependency shadersshaders.paper.design
• Fara Yanfarayan.me
• Creating Daylight | The Shadows | Blogbasement.studio
• The Book of Shadersthebookofshaders.com
• The Book of Shaders: Fractal Brownian Motionthebookofshaders.com
• GitHub - josephmiclaus/p5.grain: Conveniently add film grain, seamless texture overlays, and manipulate pixels to achieve nostalgic and artistic effects in p5.js sketches and artworks.github.com
• Shadersshaders.com
• The online home of Maxime's workmaximeheckel.com
• staniks.github.iostaniks.github.io
• Lights and Shadows – Bartosz Ciechanowskiciechanow.ski
• Dithering Shader Demodithering.niccolofanton.dev
• Make Gardenmakegarden.uk