Lightweight Real-Time and Realistic WebGL Rendering Algorithm Based on PBR

doi:10.16182/j.issn1004731x.joss.201711014

Abstract

Abstract: Considering the weak rendering ability of web browser, the authenticity and aesthetics of Web3D rendering are always hot topics.In particular, the realization of PBR in the web-side and even dynamic editable are difficult.The realization and dynamic edit of PBR in the web end are especially difficult. Based on the problem mentioned, this paper presents a web-based lightweight real-time rendering algorithm with authenticity and high quality based on the PBR algorithm, which simplifies the complex calculation steps of the algorithm and reduces the computational complexity for rendering. The LPM (Lightweight Progressive Mesh) algorithm is reused to simplify the model file and accelerate the model loading speed. Finally, a demo is presented to verify the algorithm's effectiveness. The experiment results show that the optimized algorithm can render editable high quality lightweight 3D model on the web end in real-time.

Key words: physics based rendering, lightweight progressive meshes, WebGL, real-time rendering

CLC Number:

TP.319.9

Zheng Weixin, Jia Jinyuan. Lightweight Real-Time and Realistic WebGL Rendering Algorithm Based on PBR[J]. Journal of System Simulation, 2017, 29(11): 2693-2700.

References

[1] Jeff Rusell. Basic Theory of Physically-Based Rendering[M]. (2015-11-01) [2017-09-20]. https://www. marmoset.co/posts/basic-theory-of-physically-based-rendering/.
[2] Mathieu Robart, Mathias Paulin, Rene Caubet.Material Model for Physically-based rendering[M].Part of the EUROPTO Conference on Polarization and Color Techniques in Industrial Inspection, 1999, 3826: 10-20.
[3] Jannik Boll Nielsn, Henrik Wann Jensen, Ravi Ramamoorthi. On Optimal, Minimal BRDF Sampling for Reflectance Acquisition[J]. ACM Transactions on Graphics (S0730-0301), 2015, 34(6): 1-10.
[4] Soham Uday Mehta, Kihwan Kim, Dawid Pajak.Filtering Environment Illumination for Interactive Physically- Based Rendering in Mixed Reality[M]. (2015-11) [2017-09-20]. Filtering Environment Illumination for Interactive Physically- Based Rendering in Mixed Reality[M]. (2015-11) [2017-09-20]. http://dx.doi.org/10.2312/sre. 20151172.
[5] Cyril Crassin,Morgan McGuire, Aaron Lefohn. Aggregate G-buffer anti-aliasing[J]. ACM, 2015, 3(13): 109-118.
[6] Parisi and Tony. WebGL: up and running[M]. O'Reilly Media, 2012: 267-284.
[7] ShotaKanamori,Kazuya Fujiwara, Takahiro Yoshinobu. Physically Based Rendering of Rainbows Under Various Atmospheric Conditions[J]. IEEE(S1545-5963), 2010, 8(10): 39-45.
[8] Anttonen, Matti, Salminen, et al. Building 3D WebGLApplications[M]. Tampere University of Technology, Department of Software Systems, 2014: 131-187.
[9] 黄展鹏, 龚广红, 韩亮. 基于物理的建模, 模拟和渲染计算机动画的火灾[J]. 施普林格科学, 2014, 10(7): 114-121.
Zhanpeng Huang, Guanghong Gong, Liang Han.Physically-based modeling,simulation and rendering of fire for computer animation[J]. Springer Science, 2014, 10(7): 114-121.
[10] Boris Ray mond, Gael Guennebaud, Pascal Barla. Multi-Scale Rendering of Scratched Materials using a Structured SV-BRDF Model[J]. ACM Transactions on Graphics(S0730-0301), 2016, 35(4): 1-9.
[11] GerwinDamberg, James Gregson, Wolfgang Heidrich. High Brightness HDR Projection Using Dynamic Freeform Lensing[J]. ACM Transactions on Graphics (S0730-0301), 2015, 3(13): 1-3.
[12] Naty Hoffman, Lucasfilm. Recent Advances in Physically Based Shading[M]. SIGGRAPH Course, 2016: 9-47.