Bela Bohlender
@bbohlender
I'm a Web and XR Developer from Germany, dedicated to building tools that enable others to develop extraordinary applications and experiences. My focus includes but is not limited to the Web and especially WebXR.
🛠 What I Do
Rendering user interfaces using the GPU allows mixing user interfaces with 3D content and frees the CPU of work by leveraging the speed of the GPU. In this article, we discuss the learnings from building pmndrs/uikit, a three.js library for rendering user interfaces on the GPU. First, we discuss how to render modern user interfaces on the GPU. Then, we explain what we do to make rendering user interfaces fast ⚡️.
Rendering User Interfaces on the GPU
When an application remembers information, this information is called state1. State is a key element of every application. In its simplest form, state is represented as a local variable that can be read and written. In this article, we discuss how the latest State Management approaches use state to control different aspects of a web application, such as the text inside a user interface2, and what they might miss in the context of 3D and XR. We'll use the state of a simple game to illustrate the different state management approaches.
Pointer-events are DOM events that the browser emits once a user interacts with a pointing device (e.g. mouse), such as pointerover. They allow developers to build interactions across various input devices such as a mouse, pen/stylus or multi-touch smartphones1.