昨天分享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/m.aspx?n=bbs/GameDesign/M.1597707561.A.9D7.html