FusionRender: Harnessing WebGPU's Power for Enhanced Graphics Performance on Web Browsers | Proceedings of the ACM on Web Conference 2024 (2024)

Supplemental Material

1. Apple. 2023a. Developer forums topic about safari support for WebGPU. https://developer.apple.com/forums/thread/692979Google Scholar
2. Apple. 2023b. Metal. https://developer.apple.com/metal/Google Scholar
3. Apple. 2023c. WebKit. https://webkit.org/Google Scholar
4. Vasco Asturiano. 2023. 3d-force-graph. https://github.com/vasturiano/3d-force-graph/tree/masterGoogle Scholar
5. Babylon.js. 2023. Babylon.js. https://github.com/BabylonJSGoogle Scholar
6. Hussein Bakri. 2019. Adaptivity of 3D web content in web-based virtual museums: a quality of service and quality of experience perspective. Ph.,D. Dissertation. University of St Andrews.Google Scholar
7. Alexander E Beasley, Christopher T Clarke, and Robert J Watson. 2020. An OpenGL compliant hardware implementation of a graphic processing unit using field programmable gate array--system on chip technology. ACM Transactions on Reconfigurable Technology and Systems (TRETS), Vol. 14, 1 (2020), 1--24.Google Scholar
8. François Beaufort and Corentin Wallez. 2023. Chrome ships WebGPU. https://developer.chrome.com/blog/webgpu-release/Google Scholar
9. Weichen Bi, Yun Ma, Deyu Tian, Qi Yang, Mingtao Zhang, and Xiang Jing. 2023. Demystifying Mobile Extended Reality in Web Browsers: How Far Can We Go?. In Proceedings of the ACM Web Conference 2023. 2960--2969.Google ScholarDigital Library
10. Kevin C Cassidy, Jan vS efvc 'ik, Yogindra Raghav, Alexander Chang, and Jacob D Durrant. 2020. ProteinVR: Web-based molecular visualization in virtual reality. PLoS computational biology, Vol. 16, 3 (2020), e1007747.Google Scholar
11. Alban Denoyel, Cédric Pinson, and Pierre-Antoine Passet. 2023. Sketchfab. https://sketchfab.com/Google Scholar
12. Sören Discher, Rico Richter, and Jürgen Döllner. 2019. Concepts and techniques for web-based visualization and processing of massive 3D point clouds with semantics. Graphical Models, Vol. 104 (2019), 101036.Google ScholarDigital Library
13. Alastair F Donaldson, Ben Clayton, Ryan Harrison, Hasan Mohsin, David Neto, Vasyl Teliman, and Hana Watson. 2023. Industrial Deployment of Compiler Fuzzing Techniques for Two GPU Shading Languages. In 2023 IEEE Conference on Software Testing, Verification and Validation (ICST). IEEE, 374--385.Google Scholar
14. Landon Dyken and Pravin Poudel. 2022. GraphWaGu: GPU Powered Large Scale Graph Layout Computation and Rendering for the Web.. In Eurographics Symposium on Parallel Graphics and Visualization.Google Scholar
15. Jakub Floty'nski, Krzysztof Walczak, and Marcin Krzyszkowski. 2020. Composing customized web 3D animations with semantic queries. Graphical Models, Vol. 107 (2020), 101052.Google ScholarDigital Library
16. Willis Fulmer, Tahir Mahmood, Zhongyu Li, Shaoting Zhang, Jian Huang, and Aidong Lu. 2019. ImWeb: Cross-platform immersive web browsing for online 3D neuron database exploration. In Proceedings of the 24th International Conference on Intelligent User Interfaces. 367--378.Google ScholarDigital Library
17. Tower Game. 2023. Tower Game. https://www.towergame.app/Google Scholar
18. Xiang Gong, Chunling Hu, and Chu-Cheow Lim. 2020. PAQSIM: Fast Performance Model for Graphics Workload on Mobile GPUs. In The 21st ACM SIGPLAN/SIGBED Conference on Languages, Compilers, and Tools for Embedded Systems. 3--14.Google ScholarDigital Library
19. Google. 2023. Blink. https://www.chromium.org/blink/Google Scholar
20. Khronos Group. 2023 a. OpenGL Shading Language. https://www.khronos.org/opengl/wiki/OpenGL_Shading_LanguageGoogle Scholar
21. Khronos Group. 2023 b. Vulkan Toturial. https://vulkan-tutorial.com/Drawing_a_triangle/Graphics_pipeline_basics/IntroductionGoogle Scholar
22. Ujjwal Gupta, Manoj Babu, Raid Ayoub, Michael Kishinevsky, Francesco Paterna, Suat Gumussoy, and Umit Y Ogras. 2018. An online learning methodology for performance modeling of graphics processors. IEEE Trans. Comput., Vol. 67, 12 (2018), 1677--1691.Google ScholarDigital Library
23. Masatoshi Hidaka, Yuichiro Kikura, Yosh*taka Ushiku, and Tatsuya Harada. 2017. Webdnn: Fastest dnn execution framework on web browser. In Proceedings of the 25th ACM international conference on Multimedia. 1213--1216.Google ScholarDigital Library
24. Yakun Huang, Xiuquan Qiao, Pei Ren, Ling Liu, Calton Pu, and Junliang Chen. 2019. A lightweight collaborative recognition system with binary convolutional neural network for mobile web augmented reality. In 2019 IEEE 39th International Conference on Distributed Computing Systems (ICDCS). IEEE, 1497--1506.Google ScholarCross Ref
25. Jonatan Hvass, Oliver Larsen, Kasper Vendelbo, Niels Nilsson, Rolf Nordahl, and Stefania Serafin. 2017. Visual realism and presence in a virtual reality game. In 2017 3DTV conference: The true vision-capture, Transmission and Display of 3D video (3DTV-CON). IEEE, 1--4.Google Scholar
26. Micha? Ja?d?yk. 2023. Minecraft client written in Javascript. https://github.com/michaljaz/webmcGoogle Scholar
27. Rabimba Karanjai. 2018. Optimizing Web Virtual Reality. Ph.,D. Dissertation. Rice University.Google Scholar
28. Tomohiro Kawanabe, Kazuma Hatta, and Kenji Ono. 2020. ChOWDER: A New Approach for Viewing 3D Web GIS on Ultra-High-Resolution Scalable Display. In 2020 IEEE International Conference on Cluster Computing (CLUSTER). IEEE, 412--413.Google ScholarCross Ref
29. Michael Kenzel, Bernhard Kerbl, Dieter Schmalstieg, and Markus Steinberger. 2018. A high-performance software graphics pipeline architecture for the GPU. ACM Transactions on Graphics (TOG), Vol. 37, 4 (2018), 1--15.Google ScholarDigital Library
30. Khronos. 2023 a. OpenGL ES. https://www.khronos.org/opengles/Google Scholar
31. Khronos. 2023 b. Vulkan. https://www.vulkan.org/Google Scholar
32. Jonas Kordt, Paul Brachmann, Daniel Limberger, and Christoph Lippert. 2021. Interactive Volumetric Region Growing for Brain Tumor Segmentation on MRI using WebGL. In The 26th International Conference on 3D Web Technology. 1--8.Google ScholarDigital Library
33. Zeqi Lai, Y Charlie Hu, Yong Cui, Linhui Sun, and Ningwei Dai. 2017. Furion: Engineering high-quality immersive virtual reality on today's mobile devices. In Proceedings of the 23rd Annual International Conference on Mobile Computing and Networking. 409--421.Google ScholarDigital Library
34. Samuli Laine, Janne Hellsten, Tero Karras, Yeongho Seol, Jaakko Lehtinen, and Timo Aila. 2020. Modular primitives for high-performance differentiable rendering. ACM Transactions on Graphics (TOG), Vol. 39, 6 (2020), 1--14.Google ScholarDigital Library
35. Jose Roberto Lazzareschi. 2023. Pinus Tree. http://jrlazz.eu5.org/anim/pinus_noSh.htmlGoogle Scholar
36. Reese Levine, Mingun Cho, Devon McKee, Andrew Quinn, and Tyler Sorensen. 2023 a. GPUHarbor: Testing GPU Memory Consistency at Large (Experience Paper). (2023).Google Scholar
37. Reese Levine, Tianhao Guo, Mingun Cho, Alan Baker, Raph Levien, David Neto, Andrew Quinn, and Tyler Sorensen. 2023 b. MC mutants: Evaluating and improving testing for memory consistency specifications. In Proceedings of the 28th ACM International Conference on Architectural Support for Programming Languages and Operating Systems, Volume 2. 473--488.Google ScholarDigital Library
38. Wei Li, Shanshan Wang, Weidong Xie, Kun Yu, and Chaolu Feng. 2023. Large scale medical image online three-dimensional reconstruction based on WebGL using four tier client server architecture. Information Visualization, Vol. 22, 2 (2023), 100--114.Google ScholarCross Ref
39. Xianfeng Li, Gengchao Li, and Xiaole Cui. 2020. Retriple: reduction of redundant rendering on android devices for performance and energy optimizations. In 2020 57th ACM/IEEE Design Automation Conference (DAC). IEEE, 1--6.Google ScholarCross Ref
40. Chang Liu, Wei Tsang Ooi, Jinyuan Jia, and Lei Zhao. 2018a. Cloud baking: Collaborative scene illumination for dynamic Web3D scenes. ACM Transactions on Multimedia Computing, Communications, and Applications (TOMM), Vol. 14, 3s (2018), 1--20.Google ScholarDigital Library
41. Luyang Liu, Hongyu Li, and Marco Gruteser. 2019. Edge assisted real-time object detection for mobile augmented reality. In The 25th annual international conference on mobile computing and networking. 1--16.Google Scholar
42. Luyang Liu, Ruiguang Zhong, Wuyang Zhang, Yunxin Liu, Jiansong Zhang, Lintao Zhang, and Marco Gruteser. 2018b. Cutting the cord: Designing a high-quality untethered vr system with low latency remote rendering. In Proceedings of the 16th Annual International Conference on Mobile Systems, Applications, and Services. 68--80.Google ScholarDigital Library
43. Xun Luo, Robert Kenyon, Derek Kamper, Daniel Sandin, and Thomas DeFanti. 2007. The effects of scene complexity, stereovision, and motion parallax on size constancy in a virtual environment. In 2007 IEEE Virtual Reality Conference. IEEE, 59--66.Google ScholarCross Ref
44. Dzmitry Malyshau. 2020. A Taste of WebGPU in Firefox. https://hacks.mozilla.org/2020/04/experimental-webgpu-in-firefox/Google Scholar
45. Myles Maxfield. 2019. WebGPU and WSL in Safari. https://webkit.org/blog/9528/webgpu-and-wsl-in-safari/Google Scholar
46. Microsoft. 2023. Direct3D 12. https://learn.microsoft.com/en-us/windows/win32/direct3d12/what-is-directx-12-Google Scholar
47. Hasan Mohsin. 2022. WGSLsmith: a random generator of WebGPU shader programs. Master's thesis, Imperial College London (2022).Google Scholar
48. Mozilla. 2023. Gecko. https://developer.mozilla.org/en-US/docs/Glossary/GeckoGoogle Scholar
49. Niantic. 2023. 8thWall. https://www.8thwall.com/Google Scholar
50. Orillusion. 2023. Orillusion. https://github.com/Orillusion/orillusionGoogle Scholar
51. Hui Peng, Zhihao Yao, Ardalan Amiri Sani, Dave Jing Tian, and Mathias Payer. 2023. GLeeFuzz: Fuzzing WebGL Through Error Message Guided Mutation. USENIX Security'23 (2023).Google Scholar
52. Playcanvas. 2023. Playcanvas. https://github.com/playcanvas/engineGoogle Scholar
53. Daniel Pohl, Nural Choudhury, and Markus Achtelik. 2018. Concept for Rendering Optimizations for Full Human Field of View HMDs. In 2018 IEEE Conference on Virtual Reality and 3D User Interfaces (VR). IEEE, 663--664.Google Scholar
54. Eric D Ragan, Doug A Bowman, Regis Kopper, Cheryl Stinson, Siroberto Scerbo, and Ryan P McMahan. 2015. Effects of field of view and visual complexity on virtual reality training effectiveness for a visual scanning task. IEEE transactions on visualization and computer graphics, Vol. 21, 7 (2015), 794--807.Google ScholarDigital Library
55. Mohammadreza Saed, Yuan Hsi Chou, Lufei Liu, Tyler Nowicki, and Tor M Aamodt. 2022. Vulkan-Sim: A GPU Architecture Simulator for Ray Tracing. In 2022 55th IEEE/ACM International Symposium on Microarchitecture (MICRO). IEEE, 263--281.Google Scholar
56. Ales Saska, David Tichy, Robert Moore, Achilles Rasquinha, Caner Akdas, Xiaodong Zhao, Renato Fabbri, Ana Jelivc ić, Gaurav Grover, Himanshu Jotwani, et al. 2020. ccNetViz: a WebGL-based JavaScript library for visualization of large networks. Bioinformatics, Vol. 36, 16 (2020), 4527--4529.Google ScholarCross Ref
57. Markus Schütz, Bernhard Kerbl, and Michael Wimmer. 2021. Rendering point clouds with compute shaders and vertex order optimization. In Computer Graphics Forum, Vol. 40. Wiley Online Library, 115--126.Google Scholar
58. Rahul Singh, Muhammad Huzaifa, Jeffrey Liu, Anjul Patney, Hashim Sharif, Yifan Zhao, and Sarita Adve. 2023. Power, performance, and image quality tradeoffs in foveated rendering. In 2023 IEEE Conference Virtual Reality and 3D User Interfaces (VR). IEEE, 205--214.Google ScholarCross Ref
59. Lisa St"ahli, David Rudi, and Martin Raubal. 2018. Turbulence ahead-a 3D web-based aviation weather visualizer. In Proceedings of the 31st annual ACM symposium on user interface software and technology. 299--311.Google Scholar
60. Kay M Stanney, Kelly S Kingdon, David Graeber, and Robert S Kennedy. 2002. Human performance in immersive virtual environments: Effects of exposure duration, user control, and scene complexity. Human performance, Vol. 15, 4 (2002), 339--366.Google Scholar
61. Three.js. 2023 a. The Forum of Three.js. https://discourse.threejs.org/c/showcase/7Google Scholar
62. Three.js. 2023 b. Three.js. https://github.com/mrdoob/three.js/Google Scholar
63. Rhodora Vennarucci, David Fredrick, Davide Tanasi, Nicholas Reynolds, Kaitlyn Kingsland, Brianna Jenkins, and Stephan Hassam. 2021. In Ersilia's Footsteps: Toward an Interactive WebGL Application for Exploring the Villa Romana del Casale at Piazza Armerina, Sicily. In The 26th International Conference on 3D Web Technology. 1--7.Google ScholarDigital Library
64. W3C. 2023 a. WebGL. https://developer.mozilla.org/en-US/docs/Web/API/WebGL_APIGoogle Scholar
65. W3C. 2023 b. WebGPU. https://www.w3.org/TR/webgpu/Google Scholar
66. W3C. 2023 c. WebGPU Shading Language. https://www.w3.org/TR/WGSL/Google Scholar
67. W3C. 2023 d. WebXR. https://immersiveweb.dev/Google Scholar
68. Corentin Wallez, Brandon Jones, and François Beaufort. 2023. WebGPU: Unlocking modern GPU access in the browser. https://developer.chrome.com/blog/webgpu-io2023/Google Scholar
69. Chao Wang, Shuanq Lianq, and Jinyuan Jia. 2018. Immersing Web3D Furniture into Real Interior Images. In 2018 IEEE Conference on Virtual Reality and 3D User Interfaces (VR). IEEE, 721--722.Google ScholarCross Ref
70. Robert B Welch, Theodore T Blackmon, Andrew Liu, Barbara A Mellers, and Lawrence W Stark. 1996. The effects of pictorial realism, delay of visual feedback, and observer interactivity on the subjective sense of presence. Presence: Teleoperators & Virtual Environments, Vol. 5, 3 (1996), 263--273.Google ScholarDigital Library
71. Wonderstruck. 2023. Polycraft. http://polycraftgame.com/Google Scholar
72. Shujiang Wu, Song Li, Yinzhi Cao, and Ningfei Wang. 2019. Rendered private: Making $$GLSL$$ execution uniform to prevent $$WebGL-based$$ browser fingerprinting. In 28th USENIX Security Symposium (USENIX Security 19). 1645--1660.Google Scholar
73. Wunderdog. 2023. Bubble Figure. https://github.com/wunderdogsw/go-23-appGoogle Scholar
74. Kui Xu, Nan Liu, Jingle Xu, Chunlong Guo, Lingyun Zhao, Hong-Wei Wang, and Qiangfeng Cliff Zhang. 2021. VRmol: an integrative web-based virtual reality system to explore macromolecular structure. Bioinformatics, Vol. 37, 7 (2021), 1029--1031.Google ScholarCross Ref
75. Simin Yang, Ze Gao, Reza Hadi Mogavi, Pan Hui, and Tristan Braud. 2023. Tangible Web: An Interactive Immersion Virtual Reality Creativity System that Travels Across Reality. In Proceedings of the ACM Web Conference 2023. 3915--3922.Google ScholarDigital Library
76. Zhihao Yao, Saeed Mirzamohammadi, Ardalan Amiri Sani, and Mathias Payer. 2018. Milkomeda: Safeguarding the mobile gpu interface using webgl security checks. In Proceedings of the 2018 ACM SIGSAC Conference on Computer and Communications Security. 1455--1469.Google ScholarDigital Library
77. Shaokun Zheng, Zhiqian Zhou, Xin Chen, Difei Yan, Chuyan Zhang, Yuefeng Geng, Yan Gu, and Kun Xu. 2022. LuisaRender: A High-Performance Rendering Framework with Layered and Unified Interfaces on Stream Architectures. ACM Transactions on Graphics (TOG), Vol. 41, 6 (2022), 1--19.Google ScholarDigital Library
78. Wen Zhou, Kai Tang, and Jinyuan Jia. 2018. S-LPM: segmentation augmented light-weighting and progressive meshing for the interactive visualization of large man-made Web3D models. World Wide Web, Vol. 21 (2018), 1425--1448. ioGoogle ScholarDigital Library

Index Terms

1. FusionRender: Harnessing WebGPU's Power for Enhanced Graphics Performance on Web Browsers

   1. Computing methodologies

      1. Computer graphics

         1. Rendering

   2. Information systems

      See Also

      Waylon Jennings Family TreeFriday Schedule – Norwescon

      1. World Wide Web

         1. Web applications

• Web Image Formats: Assessment ofTheir Real-World-Usage andPerformance Across Popular Web Browsers

  Product-Focused Software Process Improvement

  Abstract

  In 2023, images on the web make up 41% of transmitted data, significantly impacting the performance of web apps. Fortunately, image formats like WEBP and AVIF could offer advanced compression and faster page loading but may face performance ...

  Read More

• Performance Optimization of the HPCG Benchmark on the Sunway TaihuLight Supercomputer

  In this article, we present some key techniques for optimizing HPCG on Sunway TaihuLight and demonstrate how to achieve high performance in memory-bound applications by exploiting specific characteristics of the hardware architecture. In particular, we ...

  Read More

• A Performance Comparative on Most Popular Internet Web Browsers

  Abstract

  Our reliance on the internet increases daily as it depends on the number of services implemented on the internet. With the growth of internet usage dramatically increasing, more users feel the need to explore and utilize it to the fullest. The ...

  Read More