Prototype app of adding tilt shift (depth of field) to webscenes.
Access the application here.
How this application works (in summary):
| z-index | CSS Blurred | Webscene clipDistane | qualityProfile |
|---|---|---|---|
| 10 (bottom layer) | 4px | 80m-200m | Low |
| 100 | 2px | 40m-80m | Medium |
| 1000 | Focused/main | 10m-40m | High |
| 10000 (top layer) | 2px | 0-10m | Medium |
But, a rather last minute addition is adding another "blank" WebScene above everything else.
The reason I've done this is to firstly add attribution to the map (it's a esri license thing). Secondly I was having some issues with rotating around 3D buildings at a small scale. This fixes that issue, but also causes the webscene to not perform as well as I'd have hoped.
If you'd like to find more information about how this is made, please view the medium blog on it here.