WebGL
2021/9/8 3:30:00
GPU本来の性能を引き出すWebGL頂点データ作成法
2022/12/16 15:48:00
WebGLで描画するように設定しても、ChromeではSVG並みに遅い。
group#Two.Groupに全描画要素を入れ、以下のコードを実行
group.scale = scale;
group.position = = new Two.Vector(scale_center_x - scale * scale_center_x + canvas_x, scale_center_y - scale * scale_center_y + canvas_y);
コードを見てみたところ、JavaScriptで行列の積算が行われている。そりゃ遅い。Shaderで演算されることを期待していた。
https://github.com/jonobr1/two.js/blob/ea7491d0b2741dde4f62f5fedf035910368ac433/src/matrix.js#L251
Chromium(Chrome)ではSVGの描画やアニメーションは遅い。バグ報告されてる。これのためにWebGLを実装せねばいけない。辛い。Shader書きたくねぇ……
Shader書くのがいいか、ChromiumのSVG描画を高速化するのがいいかという問題になる。
いや、さすがに普通にCanvasを使うだけでもいいかも。