canvasよりも高速に画像処理したい。

Question

canvasで複数の画像を連結し、toDataURL()で取得したのですが、
数秒かかってしまいました。canvasよりも高速に画像処理する方法はあるでしょうか？

現在の流れ

• 画像をロード
• 合成(canvasのdrawImage使用)
• toDataURL()で取得

###他に試したこと
sharpを使って連結しましたが、canvas同様時間がかかってしまいました。

###環境
Chrome

Comments

[退会済みユーザー]

「画像の合成」ってどういう意味でしょう？
もっと具体的にお願いします。

[退会済みユーザー]

後、流れと一緒にソースコードも提示されたほうが回答を得やすいと思います。

[退会済みユーザー]

コメントありがとう。
いま手元にpcがなくソースがないので流れだけですみません。

Answer 1

WebGLファースト（Canvasの2Dレンダリングは遅いので、WebGL で高速化しよう！）のPixiJSというライブラリがあります。

市販のゲーム作成ソフト（RPGツクールMVだったかな）でも古いバージョンが採用されていたはず。

使い方はリンク先のサイト内を調べてください。

Comments

[退会済みユーザー]

使って見ましたがが高速に描画することができました！
ありがとうございます！

[AkitoshiManabe]

お役に立てて何よりです。実は最新バージョンの実装まで知らないので心配しておりました。