skip to main content
10.1145/3055624.3075951acmconferencesArticle/Chapter ViewAbstractPublication Pagesweb3dConference Proceedingsconference-collections
research-article

Progressive high-quality rendering for interactive information cartography using WebGL

Published:05 June 2017Publication History

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.

References

  1. Louis Bavoil, Miguel Sainz, and Rouslan Dimitrov. 2008. Image-space Horizon-based Ambient Occlusion. In ACM SIGGRAPH 2008 Talks. 22:1--22:1. Google ScholarGoogle ScholarDigital LibraryDigital Library
  2. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  3. 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 ScholarGoogle ScholarCross RefCross Ref
  4. Ricardo Cabello. 2010. Three. js. URL: https://github.com/mrdoob/three.js (2010).Google ScholarGoogle Scholar
  5. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  6. Paul Haeberli and Kurt Akeley. 1990. The Accumulation Buffer: Hardware Support for High-quality Rendering. In Proc. ACM SIGGRAPH. 309--318. Google ScholarGoogle ScholarDigital LibraryDigital Library
  7. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  8. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  9. Daniel Limberger, Karsten Tausche, Johannes Linke, and Jürgen Döllner. 2016. Progressive Rendering Using Multi-frame Sampling. In GPU Pro 7.Google ScholarGoogle Scholar
  10. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  11. Morgan McGuire, Brian Osman, Michael Bukowski, and Padraic Hennessy. 2011. The Alchemy Screen-space Ambient Obscurance Algorithm. In Proc. ACM HPG. Google ScholarGoogle ScholarDigital LibraryDigital Library
  12. Nvidia. 2015. Multi-frame Sampled Anti-Aliasing (MFAA). http://www.geforce.com/hardware/technology/mfaa/technology. (2015).Google ScholarGoogle Scholar
  13. 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 ScholarGoogle ScholarCross RefCross Ref
  14. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  15. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  16. Jarke J Van Wijk. 2005. The value of visualization. In Proc. IEEE VIS. 79--86.Google ScholarGoogle Scholar

Index Terms

  1. Progressive high-quality rendering for interactive information cartography using WebGL

        Recommendations

        Comments

        Login options

        Check if you have access through your login credentials or your institution to get full access on this article.

        Sign in
        • Published in

          cover image ACM Conferences
          Web3D '17: Proceedings of the 22nd International Conference on 3D Web Technology
          June 2017
          157 pages
          ISBN:9781450349550
          DOI:10.1145/3055624
          • General Chairs:
          • Matt Adcock,
          • Tomasz Bednarz

          Copyright © 2017 ACM

          Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than ACM must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from [email protected]

          Publisher

          Association for Computing Machinery

          New York, NY, United States

          Publication History

          • Published: 5 June 2017

          Permissions

          Request permissions about this article.

          Request Permissions

          Check for updates

          Qualifiers

          • research-article

          Acceptance Rates

          Overall Acceptance Rate27of71submissions,38%

        PDF Format

        View or Download as a PDF file.

        PDF

        eReader

        View online with eReader.

        eReader