ABSTRACT
Information cartography services provided via web-based clients using real-time rendering do not always necessitate a continuous stream of updates in the visual display. This paper shows how progressive rendering by means of multi-frame sampling and frame accumulation can introduce high-quality visual effects using robust and straightforward implementations. For it, (1) a suitable rendering loop is described, (2) WebGL limitations are discussed, and (3) an adaption of THREE.js featuring progressive anti-aliasing, screen-space ambient occlusion, and depth of field is detailed. Furthermore, sampling strategies are discussed and rendering performance is evaluated, emphasizing the low per-frame costs of this approach.
- Louis Bavoil, Miguel Sainz, and Rouslan Dimitrov. 2008. Image-space Horizon-based Ambient Occlusion. In ACM SIGGRAPH 2008 Talks. 22:1--22:1. Google ScholarDigital Library
- Johannes Behr, Peter Eschler, Yvonne Jung, and Michael Zöllner. 2009. X3DOM: A DOM-based HTML5/X3D Integration Model. In Proc. ACM Web3D. 127--135.Google ScholarDigital Library
- Mike Bukowski, Padraic Hennessy, Brian Osman, and Morgan McGuire. 2013. The Skylanders SWAP Force Depth-of-Field Shader. In GPU Pro 4. 175--184. Google ScholarCross Ref
- Ricardo Cabello. 2010. Three. js. URL: https://github.com/mrdoob/three.js (2010).Google Scholar
- Henry Fuchs, Jack Goldfeather, Jeff P. Hultquist, Susan Spach, John D. Austin, Frederick P. Brooks, Jr., John G. Eyles, and John Poulton. 1985. Fast Spheres, Shadows, Textures, Transparencies, and Imgage Enhancements in Pixel-planes. Proc. ACM SIGGRAPH Comput. Graph. (1985), 111--120.Google ScholarDigital Library
- Paul Haeberli and Kurt Akeley. 1990. The Accumulation Buffer: Hardware Support for High-quality Rendering. In Proc. ACM SIGGRAPH. 309--318. Google ScholarDigital Library
- Jacek Jankowski, Sandy Ressler, Kristian Sons, Yvonne Jung, Johannes Behr, and Philipp Slusallek. 2013. Declarative Integration of Interactive 3D Graphics into the World-Wide Web: Principles, Current Approaches, and Research Agenda. In Proc. ACM Web3D.Google ScholarDigital Library
- Daniel Limberger and Jürgen Döllner. 2016. Real-time Rendering of High-quality Effects Using Multi-frame Sampling. In ACM SIGGRAPH 2016 Posters. Google ScholarDigital Library
- Daniel Limberger, Karsten Tausche, Johannes Linke, and Jürgen Döllner. 2016. Progressive Rendering Using Multi-frame Sampling. In GPU Pro 7.Google Scholar
- Daniel Limberger, Benjamin Wasty, Jonas Trümper, and Jürgen Döllner. 2013. Interactive Software Maps for Web-based Source Code Analysis. In Proc. ACM Web3D. 91--98. Google ScholarDigital Library
- Morgan McGuire, Brian Osman, Michael Bukowski, and Padraic Hennessy. 2011. The Alchemy Screen-space Ambient Obscurance Algorithm. In Proc. ACM HPG. Google ScholarDigital Library
- Nvidia. 2015. Multi-frame Sampled Anti-Aliasing (MFAA). http://www.geforce.com/hardware/technology/mfaa/technology. (2015).Google Scholar
- Rico Richter and Jürgen Döllner. 2014. Concepts and techniques for integration, analysis and visualization of massive 3D point clouds. Computers, Environment and Urban Systems 45 (2014), 114--124. Google ScholarCross Ref
- Kai Selgrad, Christian Reintges, Dominik Penk, Pascal Wagner, and Marc Stamminger. 2015. Real-time Depth of Field Using Multi-layer Filtering. In Proc. ACM I3D. 121--127. Google ScholarDigital Library
- Kristian Sons, Felix Klein, Dmitri Rubinstein, Sergiy Byelozyorov, and Philipp Slusallek. 2010. XML3D: Interactive 3D Graphics for the Web. In Proc. ACM Web3D. 175--184.Google ScholarDigital Library
- Jarke J Van Wijk. 2005. The value of visualization. In Proc. IEEE VIS. 79--86.Google Scholar
Index Terms
Progressive high-quality rendering for interactive information cartography using WebGL
Recommendations
Physically-based Environment and Area Lighting using Progressive Rendering in WebGL
Web3D '20: Proceedings of the 25th International Conference on 3D Web TechnologyThis paper presents a progressive rendering approach that enables rendering of static 3D scenes, lit by physically-based environment and area lights. Multi-frame sampling strategies are used to approximate elaborate lighting that is refined while ...
Progressive ray-casting volume rendering with WebGL for visual assessment of air void distribution in quality control
Web3D '19: Proceedings of the 24th International Conference on 3D Web TechnologyDue to a lack of ubiquitous tools for volume data visualization, 3D rendering of volumetric content is shared and distributed as 2D media (video and static images). This work shows how using open web technologies (HTML5, JavaScript, WebGL and SVG), high ...
Real-time rendering of high-quality effects using multi-frame sampling
SIGGRAPH '16: ACM SIGGRAPH 2016 PostersIn a rendering environment of comparatively sparse interaction, e.g., digital production tools, image synthesis and its quality do not have to be constrained to single frames. This work analyzes strategies for highly economically rendering of state-of-...
Comments