Two.js
2022/12/15 13:49: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