webGL Shadows for fill-extrusion layer #7220
Replies: 3 comments 3 replies
-
|
Thanks for sharing! Nice work! |
Beta Was this translation helpful? Give feedback.
-
|
Hi @HarelM and @kevinsutjijadi , Here's my first post: It's a lightweight shadows plugin for MapLibre GL JS, that merges SDF ambient occlusion with projected footprint shadows into a single custom layer. Four GPU passes, no shadow maps, no extra cameras. There's a live demo here: https://wallabyway.github.io/maplibre-building-shadows/ Source code and explainer are all there (see docs/ *.jpg and blog/ for details). I'd be curious to get feedback. I really don't know how to get involved in this community, but I'm curious. maplibre-shadows-hq.mp4 |
Beta Was this translation helpful? Give feedback.
-
|
If you made it into a plugin, the best way to let the community know about it is write about it in slack and add an example to the examples folder in this repo. |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
Using CustomLayerInterface to generate a shadow from all rendered fill-extrusion layers. Adjustable light source altitude & azimuth, as well as shadow resolution and color.
Live url: url
Screen.Recording.2026-03-05.150536.mp4
Beta Was this translation helpful? Give feedback.
All reactions