我不知道的 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 两套后端,渲染架构也因此经历了一次彻底重构。