計算機圖學的領域中，基於物理的繪圖（Physically Based Rendering）模擬真實世界的光照傳遞，依物體的表面材質來計算虛擬物件接收到的光線影響。儘管現今電腦運算單元的計算效能持續升級，但模擬真實的物理光照，依舊需要耗費大量時間與運算力。如今許多應用是在手機裝置上實現，行動裝置的效能更難與電腦規格匹敵，品質與速度兩者間往往必須做出一定程度的取捨。
擴增實境裡，使用者需要在現實世界的場景中，與電腦生成的虛擬物件互動，與電玩遊戲一樣，需要即時的互動回饋。過去擴增實境多以手機應用程式為主流的體驗；近年來，越來越多開發者探索透過網頁實現擴增實境與虛擬實境，本論文使用由全球資訊網協會發布，目前仍處於實驗性階段的WebXR Device API探索WebAR世界。
論文結合了球諧函數與基於網頁的擴增實境，在WebAR平台上以球諧函數計算擴增實境中的光照估計，並透過實作探討WebAR平台的優勢與可能的侷限性，以及未來擴增實境在網頁上的發展潛能。

In computer graphics, physically based rendering is a set of techniques to model real-world lights and evaluate how environment light affects surface materials of virtual objects in the scene. Despite the development of computer hardware over the decades, simulating lighting physically is still a challenging task which requires lots of time to compute. Moreover, most of applications are implemented on mobile devices nowadays. However, the computing power of mobile devices cannot catch up with desktop computers. Developers have to strike a balance between quality and speed.
In augmented reality(AR), a user interacts with computer-generated virtual objects in a real-world view. Like computer games, AR is required to provide instant feedback to a user. In the past, app-based AR is the most common way to enter AR world. Nevertheless, there is an increasing need to implement VR and AR on immersive web.
The research is aimed to combine spherical harmonics and latest WebXR Device API announced by W3C to achieve light estimation on immersive web. WebXR Device API, an experimental WebXR development tool, is adopted to explore the WebAR experience. Additionally, the advantage, restrictions and future potential of WebAR platform are also discussed.

[1] 陳凱恩（2019）。於擴增實境中虛擬物件的光照與陰影之擬真。國立臺灣師範大學資訊工程學系碩士論文，台北市。https://hdl.handle.net/11296/287ek7
[2] Emil Persson (2014, April 27). Fisherman's Bastion. Humus. https://www.humus.name/index.php?page=Textures&ID=117
[3] Google Developers. WebXR compared to ARCore. Google ARCore. https://developers.google.com/ar/develop/webxr/arcore-comparison
[4] Green, R. (2003, March). Spherical harmonic lighting: The gritty details. In Archives of the game developers conference (Vol. 56, p. 4).
[5] Henrik (2008, April 12). Ray tracing (graphics). In Wikipedia. https://en.wikipedia.org/wiki/Ray_tracing_(graphics)
[6] Kato, H., & Billinghurst, M. (1999, October). Marker tracking and hmd calibration for a video-based augmented reality conferencing system. In Proceedings 2nd IEEE and ACM International Workshop on Augmented Reality (IWAR'99) (pp. 85-94). IEEE.
[7] Mendigochea, P. (2017). WebAR: creating augmented reality experiences on smart glasses and mobile device browsers. In ACM SIGGRAPH 2017 Studio (pp. 1-2).
[8] Rakesh Baruah. (2020). AR and VR Using the WebXR API: Learn to Create Immersive Content with WebGL, Three.js, and A-Frame (1st ed.). Apress.
[9] Shepiliev, D. S., Modlo, Y. O., Yechkalo, Y. V., Tkachuk, V. V., Mintii, M. M., Mintii, I. S., ... & Semerikov, S. O. (2021). WebAR development tools: An overview. CEUR Workshop Proceedings.
[10] Sloan, P. P., Kautz, J., & Snyder, J. (2002, July). Precomputed radiance transfer for real-time rendering in dynamic, low-frequency lighting environments. In Proceedings of the 29th annual conference on Computer graphics and interactive techniques (pp. 527-536).
[11] Slomp, M. P. B., Oliveira Neto, M. M. D., & Patrício, D. I. (2006). A gentle introduction to precomputed radiance transfer. Revista de informática teórica e aplicada. Porto Alegre. Vol. 13, n. 2 (2006), p. 131-160.
[12] Supan, P., Stuppacher, I., & Haller, M. (2006). Image based shadowing in real-time augmented reality. International Journal of Virtual Reality, 5(3), 1-7.
[13] The Immersive Web Working Group (2022, March 31). W3C Candidate Recommendation Snapshot. Immersive Web at W3C. https://immersive-web.github.io/webxr/
[14] The Immersive Web Working Group. WebXR Device API Specification. Immersive Web at W3C. https://github.com/immersive-web/webxr
[15] The World Wide Web Consortium (2021, November 2). W3C Process Document. https://www.w3.org/2021/Process-20211102/
[16] VonHaarberg (2018, February 3). Bidirectional reflectance distribution function. In Wikipedia. https://en.wikipedia.org/wiki/Bidirectional_reflectance_distribution_function