基于PBR的轻量级WebGL实时真实感渲染算法

doi:10.16182/j.issn1004731x.joss.201711014

系统仿真学报 ›› 2017, Vol. 29 ›› Issue (11): 2693-2700.doi: 10.16182/j.issn1004731x.joss.201711014

基于PBR的轻量级WebGL实时真实感渲染算法

郑维欣¹, 贾金原²

1.长春理工大学,长春 130000;
2.同济大学软件学院,上海 201804

收稿日期:2017-07-29 发布日期:2020-06-05
作者简介:郑维欣(1993-),男,吉林吉林,硕士生,研究方向为Web3D渲染。
基金资助:
国家自然科学基金面上项目(61272276),吉林省重点科技攻关课题(20140204088GX),长春高新区“长白慧谷”英才计划(3-2013006)

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

Zheng Weixin¹, Jia Jinyuan²

1. Changchun University of Science and Technology, Changchun 130000, China;
2. School of Software Engineering, Tongji University, Shanghai 201804, China

Received:2017-07-29 Published:2020-06-05

摘要/Abstract

摘要： 考虑到网页浏览器的渲染能力较弱,对Web3D渲染效果的真实性与美观性一直都是研究热点,尤其是基于物理的材质PBR (Physical based Rendering)在网页端的实现乃至动态可编辑都是难点。基于上述问题本文提出了基于PBR算法的Web端轻量级真实感高品质实时渲染算法,将该算法涉及到的计算量较大的计算步骤简化,降低计算机渲染时的计算复杂度;同时提出了基于重用度的LPM (Lightweight Progressive Mesh)算法来简化模型文件、加快模型的加载速度。最后通过上述算法所编写的demo验证了算法的有效性。实验结果表明,该优化后的算法能够在Web端实现实时渲染可编辑的高品质轻量级3D模型。

关键词: PBR, LPM, WebGL, 真实感绘制

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

中图分类号:

TP.319.9

郑维欣, 贾金原. 基于PBR的轻量级WebGL实时真实感渲染算法[J]. 系统仿真学报, 2017, 29(11): 2693-2700.

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.

参考文献

[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.

基于PBR的轻量级WebGL实时真实感渲染算法

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

PDF (PC)

可视化

被引次数

摘要/Abstract

引用本文

使用本文

参考文献

相关文章 7

编辑推荐

Metrics

本文评价

[1]	贾金原, 赵薪智, 李盘靖. 轻量级有毒气体扩散在线可视化仿真平台[J]. 系统仿真学报, 2019, 31(2): 294-299.
[2]	余亦豪, 谭冲, 周忠, 吴威. 虚实融合的实景视频WebGIS系统[J]. 系统仿真学报, 2018, 30(7): 2568-2575.
[3]	蒋维安. 多维比例微分非线性飞行员模型及仿真应用[J]. 系统仿真学报, 2018, 30(10): 3691-3698.
[4]	杜金莲, 尚鑫, 赵枫朝. 基于道路边界alpha-map的真实感道路实时绘制技术[J]. 系统仿真学报, 2017, 29(7): 1428-1435.
[5]	张少白, 陈燕俐, 何利文. 基于DIVA模型的中文复合元音发音方法研究[J]. 系统仿真学报, 2017, 29(2): 255-263.
[6]	赵杨, 袁国武, 谢党恩, 徐丹. 基于前景目标提取的图像风格化绘制算法[J]. 系统仿真学报, 2016, 28(8): 1764-1768.
[7]	李彩霞, 宋元, 王艺, 李智, 程小林. 基于数据感知的海洋水文时空数据可视化[J]. 系统仿真学报, 2015, 27(9): 2150-2155.