codynova/shadowmap-fog-demo

Shadowmap & Fog Test is a visual demo that shows off two computer graphics effects, realistic shadows and atmospheric fog, running in a web browser. You can see it in action through a live demo link, where a 3D scene renders objects with shadows that respond to light sources, plus a foggy haze that gives the scene depth and atmosphere. The project is a front-end web application built on WebGL, which is the technology browsers use to render 3D graphics. It implements two classic graphics techniques: shadow mapping, which calculates how light falls on objects to create accurate shadows, and fog effects, which add atmospheric depth. The demo draws inspiration from another project called "polygon-shredder" by a developer known as spite, suggesting it likely features abstract or stylized 3D geometry rendered with these lighting and atmosphere effects. This repo would appeal to anyone learning about 3D graphics programming, developers building browser-based games or visual experiences, or curious people who just want to see what modern web graphics look like. It could also serve as a reference for someone building a 3D scene who wants to understand how shadows and fog work together in a real example rather than just reading about theory. To run it locally, you need Node.js installed on your computer. After downloading the repository, you run two standard commands to install dependencies and start a local server. The README is quite sparse beyond that, it doesn't go into detail about customizing the scene, adjusting shadow or fog parameters, or integrating the code into other projects. It points to a few external tutorials on OpenGL and WebGL shadow mapping and fog techniques, including resources in Japanese, suggesting the author used those references while building the demo.