HTML in Canvas: Bridging UI and GPU on the Web
watch on portal.gitnation.org ↗https://portal.gitnation.org/contents/html-in-canvas-bridging-ui-and-gpu-on-the-websummary
Describes common techniques and pain points when mixing HTML/CSS UIs with Canvas/WebGL — including scroll sync, frame loop timing, scissor-based rendering, and mapping DOM into a WebGL scene — and demonstrates these patterns using experiments and sites from basement.studio. Presents the HTML-in-Canvas approach as a way to eliminate much of that synchronization and rendering workaround, and outlines ongoing challenges when building UI directly in WebGL (layout, text, interactivity) especially for environments like WebXR.
AI-written summary · about
related talks
01h 14mThe Evolution of Text Rendering on Canvas: On Flash, IE11, Designers and Cuneiform
58mRendering performance from the ground up
28mTurbo charging 2D on the web
01h 08mThe quest for the graphical web
29mComplex Geometry in HTML!
01h 15mA Human Introduction to WebGL and Hardcore Line Drawing
35mHTML5 APIs - The New Frontier
37mPainting with Data