昨天分享2D编辑器後，就稍微看看PixiJS的webgl shader原始码。 看了吐血，再看PhaserJs，没错，真的是PixiJS forked来的，吐血的地方一样。 不确定自己是不是误解程式，网路找找有没资料，看到有人分析PixiJS的Batch Rendering https://medium.com/swlh/inside-pixijs-batch-rendering-system-fad1b466c420 没错，我没误解，fragment Shader里面用%forloop%来选择Texture Binding。真的在fragment Shader跑一长串if else来选texture，每一个画出来的点都要跑if else。这样绘图速度怎麽会快呢？ 是，你不能用non constant index来address array，所以只能用if else或loop，但与其这样还不如rebind texture，而且webgl 2支援non-constant index，可以加个Webgl2的 backend，这样70%的电脑手机可以大幅加速。 会写出这种fragment shader大概是不够了解硬体跟软体。不管如何PixiJS是号称最快的Renderer，但我看大概连GPU的1%能力都发挥不出来。 我知道这些引擎是从Canvas2D延伸来的，所以沿用2d的绘图方式是正常的，不过既然gpu已经是标配n年了，重新架构来提昇速度是应该要作的。 粗浅的想法，写最少的程式到最多的程式。 +webgl2的backend，简单10x～100x的加速。 webgl1，去除%forloop%，batch by texture，要稍微动到batching code。加速10x? 重新架构renderer，用Webgl的instance drawing。多加5x? 不过真的有人在用PixiJS或PhaserJS吗？如果没人用，我也懒的去contribute。 PS: https://developer.nvidia.com/content/how-modern-opengl-can-radically-reduce-driver-overhead-0 要最佳化gpu的基本，webgl2可以作到大部分，但真的还是要等Webgpu来解放gpu的效能。 我也是很无聊，不在游戏业这麽久了还在关心这些事。 --

※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 101.137.191.156 (台湾) ※ 文章网址: https://webptt.com/cn.aspx?n=bbs/GameDesign/M.1597707561.A.9D7.html