WebGL
WebGL（Web Graphics Library）是一种基于OpenGL ES标准的JavaScript API，允许在不依赖任何插件的情况下，直接在浏览器中通过GPU硬件加速渲染2D和3D图形。它由Khronos Group制定规范，作为HTML5 Canvas元素的绘图上下文运行，支持编写着色器程序（GLSL），广泛用于网页游戏、数据可视化及交互式图形应用开发。
核心事实
时间轴 (近 90 天)
许多游戏引擎的资源初始化流程并非完全异步，部分操作（如 WebGL 纹理上传、着色器编译、渲染管线状态初始化）必须在主线程的渲染帧回调中执行
在 Unity WebGL 构建中可通过 Application.targetFrameRate 在加载完成回调中动态修改帧率；在 Three.js 或自定义 WebGL 项目中通常通过控制 requestAnimationFrame 的调用节奏实现
WebGL的底层实现需要将GLSL代码在运行时编译成平台相关机器码，无法像原生应用那样提前进行离线编译缓存
Unity在WebGL/WebView环境下，复杂的着色器会在首次使用时触发编译，造成明显卡顿
在WebGPU上写出的矩阵乘法内核执行效率可比WebGL方案高出数倍，理论上能逼近原生CUDA/Metal水准
在浏览器中同时绘制数十万个运动物体通常需要借助 WebGL 乃至 GPU 实例化渲染等技术才能在保持帧率的前提下承载
粒子效果网页通常基于 Canvas API 或 WebGL 实现，核心逻辑是每帧更新大量粒子的位置、速度与透明度
纯代码渲染是创意编程领域的核心实践，常见工具包括Processing、p5.js、TouchDesigner以及基于WebGL的着色器编程
Simon Willison 用免费版测试生成 WebGL 渲染的 3D 骑车鹈鹕网页，评价为 a solid effort
浏览器端实时图形渲染主要依赖 WebGL 或 WebGPU，音频处理依赖 Web Audio API
还有 26 条时间轴事件
全部知识事实 (20)
Three.js是目前最主流的WebGL封装库，由Ricardo Cabello（Mr.doob）于2010年创建并开源
80%已验证WebGPU是W3C标准化的浏览器图形和计算API，于2023年在Chrome中正式发布，旨在取代WebGL
80%已验证Three.js包含场景管理、相机控制、光照系统、材质渲染等功能模块,是Web端3D可视化的事实标准工具
65%已验证WebGPU相比基于OpenGL ES的WebGL引入了计算着色器、更精细的资源绑定模型和流水线状态管理，允许在GPU上执行通用并行计算任务（GPGPU）
65%已验证Canvas 2D上下文是基于CPU的软件渲染，适合简单2D场景；WebGL利用GPU加速，适合粒子系统、光影效果等高性能渲染需求
65%已验证WebGPU 作为 WebGL 的下一代继任者，于 2023 年在 Chrome 中正式落地，提供更接近原生图形 API 的性能
65%已验证WebGPU是W3C正在推进的新一代Web图形与计算API标准，旨在替代WebGL，对标Vulkan、Metal、Direct3D 12
65%待验证Figma采用WebGL渲染引擎将矢量图形处理搬到浏览器端
85%待验证Figma基于WebGL的渲染引擎支持复杂矢量图形的实时操作
85%待验证Figma等现代设计工具倾向于使用WebGL加速渲染，以处理复杂场景下的性能瓶颈
85%待验证浏览器端 3D 渲染大量对象采用实例化渲染（Instanced Rendering）技术，将相同几何体的多个实例合并为单次绘制调用
60%待验证WebGL 和 WebGPU 的普及使着色器可以直接在浏览器中运行，无需安装插件
60%待验证HTML5相比HTML4引入了语义化标签、原生音视频支持、Canvas/WebGL图形API以及本地存储等能力
60%待验证360°全景查看器基于等距柱状投影或立方体贴图的图像渲染原理，通过WebGL等前端框架实现
60%待验证Three.js将底层的WebGL图形API抽象为场景图模型，开发者无需直接编写GLSL着色器代码即可完成3D场景构建
60%待验证Quip生成的游戏代码通常基于Web技术如JavaScript/Canvas或WebGL
55%待验证许多游戏引擎的资源初始化流程并非完全异步，部分操作（如 WebGL 纹理上传、着色器编译、渲染管线状态初始化）必须在主线程的渲染帧回调中执行
50%待验证在 Unity WebGL 构建中可通过 Application.targetFrameRate 在加载完成回调中动态修改帧率；在 Three.js 或自定义 WebGL 项目中通常通过控制 requestAnimationFrame 的调用节奏实现
50%待验证WebGL的底层实现需要将GLSL代码在运行时编译成平台相关机器码，无法像原生应用那样提前进行离线编译缓存
50%待验证Unity在WebGL/WebView环境下，复杂的着色器会在首次使用时触发编译，造成明显卡顿
50%