Three.js

by Feiyue Zhang (2025)

Overview

Three.js is a JavaScript library used for creating and displaying 3D graphics in a web browser. It provides simpler graphics APIs by providing an abstraction layer over WebGL, a low-level API that directly interacts with the GPU for rendering graphics in the browser.

WebXR

WebXR is a browser API that enables immersive AR/VR experiences on the web:

Access AR/VR hardware (headsets, controllers, and spatial tracking)
Manage XR sessions (entering/exiting immersive mode)
Provide essential data, such as view and projection matrices, to graphics APIs, allowing them to implement features like stereo rendering, positional tracking, and hand interactions

Using WebXR and three.js, developers can create interactive 3D environments directly in the browser.

Metrics

[work in progress]

Summary

[work in progress]

Diagram

[work in progress]

[WebGL, OpenXR, WebXR... somehow sounded very similar to each other. what's their relationship??]