High-Quality Server Side Rendering using the OGC’s 3D Portrayal Service – Applications and Outlook
0 likes401 views
This document discusses high-quality server side rendering using the OGC's 3D Portrayal Service. It summarizes work using the service to render 3D buildings from OpenStreetMap data, generate depth maps and other outputs. Caching was added to improve performance. A JavaScript API allows rendering outputs on clients. Future work includes using GPU raytracing to generate outputs in one pass and combining server rendering with interactive graphics. The author believes the 3D Portrayal Service has potential for fast visualization of large 3D datasets on the web.
![12/12/2018Institute Geomatics 10
And create a JavaScript API (with and without WebGL)
var map = new map3d.map("mapcanvas");
var layer = new map3d.imageLayer([
"http://t1.3dmaps.ch/tiles/teatime",
"http://t2.3dmaps.ch/tiles/teatime",
"http://t3.3dmaps.ch/tiles/teatime",
"http://t4.3dmaps.ch/tiles/teatime"]) });
layer.addTo(map);
var teapot_marker = new map3d.marker("Green Teapot", [0,0,0]);
teapot_marker.addTo(map);
var cube_maker = new map3d.marker("Green Cube", [80.5, 11.5, 10.5]);
cube_maker.addTo(map);
maps3d.js](https://image.slidesharecdn.com/presentationmchristengetview-181213141058/85/High-Quality-Server-Side-Rendering-using-the-OGC-s-3D-Portrayal-Service-Applications-and-Outlook-10-320.jpg)
High-Quality Server Side Rendering using the OGC’s 3D Portrayal Service – Applications and Outlook
- 1. High-Quality Server Side Rendering using the OGC’s 3D Portrayal Service – Applications and Outlook Prof. Martin Christen FHNW – University of Applied Sciences and Arts Northwestern Switzerland School of Architecture, Civil Engineering and Geomatics Institute Geomatics martin.christen@fhnw.ch 3DPS SWG Meeting, December 13, 2018, Charlotte, NC, USA
- 2. 12/11/2018Institute Geomatics 2 View Extension In 3DPS the View Extension defines the GetView operation, which instead of a scene returns images. • Color: Color Value for each pixel • Depth: Depth Value (view-space distance) to each pixel • ObjectId: Object identification to identify the feature at a pixel • Normal: Surface Normal of the surface representated at the pixel • Mask: Defines if something is visible or not ObjectId Normal Depth Color MThAckermann,2018
- 3. 12/12/2018Institute Geomatics 3 Why? Pixel-precise Position (Depth Map) Pixel-precise Attributes (ObjectID) Nice View (Color) And more things are possible… X: 39’1349.242 Y: 581’245.121 Z: 134.892 ID: building.29172 Image: MTh R. Ackermann (2018)
- 4. 12/12/2018Institute Geomatics 4 First Step: OpenStreetMap to 3D (Virtual Globe) Bachelor Thesis, Manuel Dätwyler, Kevin Hürbi (2013) • Buildings: Extruded Geometries from OSM • If roof info is available, it the 3D representation is created • Elevation: ASTER GDEM v1 • This way we have free global dataset
- 5. 12/11/2018Institute Geomatics 5 Implementation of 3DPS Webservice in 2015 Bachelor Thesis, D. Rettenmund (2015) OSM 3D Import Create 3D Buildings Wavefront OBJ X3D X3DOM 3D Portrayal Service • 3DPS GetScene implemented using Python and Flask ( http://flask.pocoo.org/ ) • Data: 3D Buildings (worldwide) created from OpenStreetMap Dataset • To make it more general: 3D Data stored in a PostGIS Database http://localhost/3dps?SERVICE=3DPS&REQUEST=GetScene&VERSION=1.0.0&BOUNDINGBOX=1495170,6200358, 1502633,6205459&LAYERS=buildings,roofs,ground,trees&FORMAT=model/x3d+xml
- 7. 12/12/2018Institute Geomatics 7 OSM 3D Import Create 3D Buildings Wavefront OBJ X3D X3DOM 3D Portrayal Service Renderman Scene Basic Idea: GetView returns a renderman scene, which can be rendered later on any client. (Rendering should be done on the server, but back then we simply didn’t have the infrastructure and it didn’t matter for this proof of concept. GetView GetScene
- 8. 12/12/2018Institute Geomatics 8 Renderman ? https://renderman.pixar.com/product Renderman is used to create photorealistic 3D Renderings. It is used for many movies (https://renderman.pixar.com/movies)
- 9. 12/12/2018Institute Geomatics 9 Next Step: Rendering on Server and (Caching!) renderings Is there a benefit in caching ? Isn’t every rendering different ? Yes, there are infinite number of views. But… what if we limit them ? parallel projection with different pitch and view direction 3dmaps.ch project (started 2015)
- 10. 12/12/2018Institute Geomatics 10 And create a JavaScript API (with and without WebGL) var map = new map3d.map("mapcanvas"); var layer = new map3d.imageLayer([ "http://t1.3dmaps.ch/tiles/teatime", "http://t2.3dmaps.ch/tiles/teatime", "http://t3.3dmaps.ch/tiles/teatime", "http://t4.3dmaps.ch/tiles/teatime"]) }); layer.addTo(map); var teapot_marker = new map3d.marker("Green Teapot", [0,0,0]); teapot_marker.addTo(map); var cube_maker = new map3d.marker("Green Cube", [80.5, 11.5, 10.5]); cube_maker.addTo(map); maps3d.js
- 11. 12/12/2018Institute Geomatics 11 Architecture Tile requests are mapped to a GetView request or retrieved from cache, for example tile.3dmaps.ch/10/3/20.png results in a GetView request if it isn’t available.
- 12. 12/12/2018Institute Geomatics 12 Dynamic Lighting Normal Map: for Object Identification: Highlighting, special effects, … Depth Map: for 3D Position, special effects, …
- 13. 12/12/2018Institute Geomatics 13 Use in the guide App: Roman City of Augusta Raurica (near Basel, Switzerland)
- 14. 12/12/2018Institute Geomatics 14 Using CityEngine to create large-Scale cities MTh M. Jung, 2015
- 15. 12/12/2018Institute Geomatics 15 Rendering with POV Ray & focus on Textures (MTh C. Lindenberger, 2016) 3D-City Model Adelaide
- 16. 12/12/2018Institute Geomatics 16 The next step Problem: In Renderman / POV-Ray you need multiple passes to create depth maps / normal maps / object id maps. Solution: Implement a GPU-accellerated ray-tracer which creates depth maps / normal maps and object id maps in a single step…
- 17. 12/12/2018Institute Geomatics 17 Creating a GPU optimized Ray-Tracer (depth map, normal map, objectid map, AO-map) Using Radeon Rays SDK • Part of AMD GPUOpen project • GPU-based intersection engine • Using OpenCL
- 18. 12/12/2018Institute Geomatics 18 Combining 2D map with 3D buildings (MTh, Robin Dainton 2017)
- 19. 12/12/2018Institute Geomatics 19 Combining 2D map with 3D buildings (MTh, Robin Dainton 2017)
- 20. 12/12/2018Institute Geomatics 20 Combining 2D map with 3D buildings (MTh, Robin Dainton 2017)
- 21. 12/12/2018Institute Geomatics 21 GetView for Panoramas! MSE Project, R. Ackermann (2017) http://vp2-2017.3dmaps.ch
- 22. 12/12/2018Institute Geomatics 22 Point Cloud from Depth Map MTh R. Ackermann (2018)
- 23. 12/12/2018Institute Geomatics 23 Drawing Vector Data (Depth Map & Color Map) • Overlapping GeoJSON Data • Simply draw lines and polygons with depth-test MTh R. Ackermann (2018)
- 24. 12/12/2018Institute Geomatics 24 Conclusions • I’m still convinced GetView has much potential • There are many possible applications for GetView • Fast visualizations with terabytes of textures / gigabytes of geometry • Device independent • Simply needs a webbrowser • In future, I want to combine interactive graphics with server rendered graphics
- 26. 12/11/2018Institute Geomatics 26 Questions Prof. Martin Christen FHNW – Fachhochschule Nordwestschweiz Hochschule für Architektur, Bau und Geomatik Institut Geomatik martin.christen@fhnw.ch Twitter: @MartinChristen