我不知道的 Pixi.js
滤镜系统的设计原理
给 Sprite 加个模糊效果只需要两行代码，但 Pixi.js 在背后做了大量工作：创建临时渲染目标、把对象先画到离屏缓冲区、运行 Shader 处理像素、再把结果贴回主画布。v8 的滤镜系统还要同时支持 WebGL 和 WebGPU 两套 Shader 语言，复杂度比表面看…
Pixi.js, WebGPU
// 共 2 篇文章
给 Sprite 加个模糊效果只需要两行代码，但 Pixi.js 在背后做了大量工作：创建临时渲染目标、把对象先画到离屏缓冲区、运行 Shader 处理像素、再把结果贴回主画布。v8 的滤镜系统还要同时支持 WebGL 和 WebGPU 两套 Shader 语言，复杂度比表面看…
很多人以为 Pixi.js 就是"在 canvas 上画图的库"，但实际上——它是一个完整的渲染管线系统。从 v8 开始，Pixi.js 同时支持 WebGL 和 WebGPU 两套后端，渲染架构也因此经历了一次彻底重构。