端侧推理：移动端与浏览器部署
端侧 LLM 部署全解：iOS Core ML 与 MLX、Android NNAPI 与 Vulkan、浏览器 WebGPU 与 WASM SIMD 三条路线，涵盖模型格式与量化档位选型、内存水位与热降频管理、端云协同架构、性能实测数据与优化清单。
tag
WebGPU
共 11 篇文章。
《游戏引擎实现原理》14.2 WebGPU 约束下的帧图
Vulkan 类 API 的帧图要替开发者插屏障、把瞬态资源别名进共享显存；WebGPU 把这两件事整个从 API 里拿掉了——同步在 pass 边界隐式完成，纹理也没有别名入口。本节在 helio 里把这个约束差异量化：同一批瞬态资源，别名规划器给出两种显存占用，再在真实设备上跑通一条三 Pass 链。
《游戏引擎实现原理》5.1 WebGPU 后端实现
helio 的 RHI 抽象在 WebGPU 上的落地：把资源、管线、命令、绑定四组接口逐条翻译成 WebGPU 调用，用自增整数句柄隔离后端细节，并真跑一次创建资源、录制渲染通道、提交队列、回读像素的完整流程，断言中心像素与清屏角像素，作为后端正确性的最小证据。
Vite 中的 3D 与 WebGL 工程化：Three.js、模型纹理压缩与渲染性能治理
在 Vite 项目里落地 3D 与 WebGL 的完整路径：Three.js 与 Babylon.js 的集成差异与按需导入、glTF 模型与 DRACO 压缩、KTX2 纹理与 Basis 转码、GLSL 着色器的导入与热更新、3D 场景的按需加载与首屏优化、WebGPU 与渲染后端兼容、GPU 内存管理与渲染性能度量、构建产物体积治理，以及高频陷阱与上线检查清单。
WASM 媒体处理：音视频编解码、转码与滤镜
详解 WASM 媒体处理：为什么在浏览器做媒体处理、ffmpeg.wasm 把 FFmpeg 搬进浏览器、WebCodecs 原生编解码与 WASM 对比、转码与缩略图实战、滤镜与逐帧处理、多线程与内存陷阱、大文件流式处理、WebGPU 加速以及 CDN 边缘媒体处理。
WASM 游戏与 WebGPU：高性能浏览器图形渲染与游戏引擎
系统覆盖 WASM 在高性能浏览器游戏的落地：为什么游戏需要 WASM + WebGPU、Emscripten/emscripten 工具链编译 C++ 游戏、WebGPU 渲染管线（着色器/缓冲区/纹理）、WASM 与渲染的数据桥（共享内存/零拷贝）、wasm-bindgen + wgpu 的 Rust 方案、游戏循环与帧同步、加载优化与资产管道，以及性能基准与工具链对比。
图形学与 GPU 编程专题: Vulkan、OpenGL、WebGPU 与着色器深度实践
计算机图形学与 GPU 编程是现代游戏引擎、虚拟现实、科学可视化、影视渲染和 AI 推理加速的核心技术领域。本专题系统覆盖 Vulkan、OpenGL、WebGPU 三大主流图形 API，从渲染管线架构、GLSL 着色器编程语法到 GPU 并行计算模型，深入讲解顶点处理、光栅化、片段着色、纹理采样、帧缓冲操作、延迟渲染与光线追踪，并延伸至光照模型与实时阴影（PBR/CSM/PCSS）、纹理压缩与显存优化、HDR 后处理与抗锯齿、大地形 LOD 与 GPU 驱动渲染、骨骼动画与蒙皮、BVH 光追与混合渲染，以及体积云与大气散射、水面海洋渲染、GPU 粒子特效、可见性剔除（视锥/BVH/Hi-Z）、色彩管理与 HDR 工作流、物理模拟与渲染集成等进阶专题，帮助开发者从零构建完整的图形渲染知识体系。并补齐渲染图与帧调度、GPU 剖析与调试工具链、着色器编译与 SPIR-V、集群前向渲染、SDF 距离场渲染、移动端渲染与功耗优化等进阶议题。
WebGPU vs OpenGL vs Vulkan vs Metal vs DX12：现代图形API选型指南
五大现代图形 API 全面对比与选型决策：WebGPU、OpenGL、Vulkan、Metal、DirectX 12。覆盖功能特性、性能表现、学习曲线、平台支持、生态系统、工具链、文档质量、社区活跃度、调试能力、部署成本等 10 大维度横向对比表，含 Rust wgpu 完整代码示例、选型决策树、OpenGL→Vulkan/WebGL→WebGPU 迁移指南与未来趋势分析。
GLSL 与 WGSL 着色器语言深度对比：语法、特性与工程迁移
GLSL（OpenGL Shading Language）统治了图形着色器编程近二十年，而 WGSL（WebGPU Shading Language）作为 WebGPU 的原生语言横空问世。本文从语法结构、类型系统、资源绑定、内置变量、控制流和编译管线六个维度，全面对比 GLSL 与 WGSL 的差异，并提供从 GLSL 向 WGSL 迁移的实战指南和常见陷阱清单。
Three.js 高级渲染技术：PBR、后处理管线与性能调优
Three.js 作为最流行的 Web 3D 框架，其高级特性远不止基础几何体和材质。本文深入探讨 Three.js 的物理材质系统（MeshPhysicalMaterial）、基于图像的光照（IBL）、延迟渲染后处理管线（EffectComposer、Bloom、SSAO、Tone Mapping）、LOD 管理、实例化渲染（InstancedMesh）以及与 WebGPU 渲染器的集成，展示如何在浏览器中实现接近原生质量的渲染效果。
WebGPU 浏览器图形 API 完整教程：从第一个三角形到 Compute Shader
WebGPU 是 W3C 推出的下一代浏览器图形与计算 API，取代了已有十年历史的 WebGL。本教程从浏览器环境配置开始，完整讲解 WebGPU 的适配器与设备枚举、命令编码器、渲染管线、顶点缓冲、 uniform 绑定、纹理加载与采样，以及 Compute Shader 通用计算编程，帮助前端开发者迈入现代 GPU 编程时代。