skip to main content
10.1145/3424616.3424697acmconferencesArticle/Chapter ViewAbstractPublication Pagesweb3dConference Proceedingsconference-collections
research-article
Open access

Physically-based Environment and Area Lighting using Progressive Rendering in WebGL

Published: 09 November 2020 Publication History

Abstract

This 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 showing intermediate results to the user. The presented approach enables interactive yet high-quality rendering in the web and runs on a wide range of devices including low-performance hardware such as mobile devices. An open-source implementation of the described techniques using TypeScript and WebGL 2.0 is presented and provided. For evaluation, we compare our rendering results to both a path tracer and a physically-based rasterizer. Our findings show that the approach approximates the lighting and shadowing of the path-traced reference well while being faster than the compared rasterizer.

References

[1]
James F Blinn and Martin E Newell. 1976. Texture and reflection in computer generated images. Commun. ACM 19, 10 (1976), 542–547.
[2]
Brent Burley and Walt Disney Animation Studios. 2012. Physically Based Shading at Disney. SIGGRAPH 2012 Courses: Practical Physically Based Shading in Film and Game Production.
[3]
Chakravarty R Alla Chaitanya, Anton S Kaplanyan, Christoph Schied, Marco Salvi, Aaron Lefohn, Derek Nowrouzezahrai, and Timo Aila. 2017. Interactive reconstruction of Monte Carlo image sequences using a recurrent denoising autoencoder. ACM Transactions on Graphics (TOG) 36, 4 (2017), 98.
[4]
Mark Colbert, Simon Premoze, and Guillaume François. 2010. Importance sampling for production rendering. SIGGRAPH 2010 Course Notes(2010), 19.
[5]
Robert L Cook and Kenneth E Torrance. 1982. A reflectance model for computer graphics. ACM Transactions on Graphics (TOG) 1, 1 (1982), 7–24.
[6]
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. ACM SIGGRAPH Computer Graphics 19, 3 (1985), 111–120.
[7]
Ned Greene. 1986. Environment mapping and other applications of world projections. IEEE Computer Graphics and Applications 6, 11 (1986), 21–29.
[8]
Paul Haeberli and Kurt Akeley. 1990. The accumulation buffer: hardware support for high-quality rendering. ACM SIGGRAPH computer graphics 24, 4 (1990), 309–318.
[9]
Dean Jackson and Jeff Gilbert. 2015. WebGL 2.0 Specification. Khronos Group (2015).
[10]
Jorge Jiménez, Jose I Echevarria, Tiago Sousa, and Diego Gutierrez. 2012. SMAA: enhanced subpixel morphological antialiasing. In Computer Graphics Forum, Vol. 31. Wiley Online Library, 355–364.
[11]
Jorge Jiménez, X Wu, Angelo Pesce, and Adrian Jarabo. 2016. Practical real-time strategies for accurate indirect occlusion. SIGGRAPH 2016 Courses: Physically Based Shading in Theory and Practice (2016).
[12]
B Karis. 2014. High Quality Temporal Anti-Aliasing. Advances in Real-Time Rendering for Games, SIGGRAPH Courses (2014).
[13]
Brian Karis and Epic Games. 2013. Real Shading in Unreal Engine 4. Proceedings of Physically Based Shading in Theory and Practice, SIGGRAPH 2013 Course Notes (2013).
[14]
Sebastien Lagarde and Charles De Rousiers. 2014. Moving Frostbite to PBR. Proceedings of Physically Based Shading in Theory and Practice, SIGGRAPH 2014 Course Notes (2014).
[15]
Daniel Limberger, Marcel Pursche, Jan Klimke, and Jürgen Döllner. 2017. Progressive high-quality rendering for interactive information cartography using WebGL. In Proc. ACM International Conference on 3D Web Technology. 1–4.
[16]
Daniel Limberger, Karsten Tausche, Johannes Linke, and Jürgen Döllner. 2016. Progressive rendering using multi-frame sampling. GPU Pro 7: Advanced Rendering Techniques(2016), 155.
[17]
Martin Mittring. 2007. Finding next gen: Cryengine 2. In ACM SIGGRAPH 2007 courses. ACM, 97–121.
[18]
Matt Pharr, Wenzel Jakob, and Greg Humphreys. 2016. Physically Based Rendering: From Theory to Implementation. Morgan Kaufmann.
[19]
Tobias Ritschel, Thorsten Grosch, and Hans-Peter Seidel. 2009. Approximating dynamic global illumination in image space. In Proceedings of the 2009 symposium on Interactive 3D graphics and games. ACM, 75–82.
[20]
Fabrice Robinet and P Cozzi. 2013. glTF — The Runtime Asset Format for WebGL, OpenGL ES, and OpenGL.
[21]
Yasir Salih, Aamir S Malik, Naufal Saad, 2012. Tone mapping of HDR images: A review. In 2012 4th International Conference on Intelligent and Advanced Systems (ICIAS2012), Vol. 1. IEEE, 368–373.
[22]
Thorsten Scheuermann and John Isidoro. 2006. Cubemap Filtering with CubeMapGen. In Game Developer Conference 2006.
[23]
Timo Sturm, Miguel Sousa, Maik Thöner, and Max Limper. 2016. A unified GLTF/X3D extension to bring physically-based rendering to the web. In Proceedings of the 21st International Conference on Web3D Technology. 117–125.
[24]
Marc Sunet and Pere-Pau Vazquez. 2016. Optimized screen-space ambient occlusion in mobile devices. In Proc. ACM International Conference on Web3D Technology. 127–135.
[25]
Bruce Walter, Stephen R Marschner, Hongsong Li, and Kenneth E Torrance. 2007. Microfacet models for refraction through rough surfaces. In Proc. EG Conference on Rendering Techniques. Eurographics Association, 195–206.

Recommendations

Comments

Information & Contributors

Information

Published In

cover image ACM Conferences
Web3D '20: Proceedings of the 25th International Conference on 3D Web Technology
November 2020
201 pages
ISBN:9781450381697
DOI:10.1145/3424616
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]

Sponsors

Publisher

Association for Computing Machinery

New York, NY, United States

Publication History

Published: 09 November 2020

Permissions

Request permissions for this article.

Check for updates

Author Tags

  1. WebGL
  2. area lights
  3. image-based lighting
  4. physically-based lighting
  5. progressive rendering
  6. real-time
  7. screen-space specular occlusion

Qualifiers

  • Research-article
  • Research
  • Refereed limited

Funding Sources

  • This work is part of the ?Software-DNA? project, funded by the European Regional Development Fund (EFRE) and the State of Brandenburg (ILB).

Conference

Web3D '20
Sponsor:
Web3D '20: The 25th International Conference on 3D Web Technology
November 9 - 13, 2020
Virtual Event, Republic of Korea

Acceptance Rates

Overall Acceptance Rate 27 of 71 submissions, 38%

Contributors

Other Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

  • 0
    Total Citations
  • 368
    Total Downloads
  • Downloads (Last 12 months)191
  • Downloads (Last 6 weeks)21
Reflects downloads up to 15 Feb 2025

Other Metrics

Citations

View Options

View options

PDF

View or Download as a PDF file.

PDF

eReader

View online with eReader.

eReader

HTML Format

View this article in HTML Format.

HTML Format

Login options

Figures

Tables

Media

Share

Share

Share this Publication link

Share on social media