ギンの備忘録

デジタルアートやプログラミングやテクノロジー関連のこと。

p5.jsで4Kの動画を作ったが、処理が重い

p5.jsで作品を作るときに動画を作成する場合、「CCapture.js」を使用しています。

細かい使用方法は下を参考にしています。 qiita.com

CCapture.jsでpng形式で画像データを書き出します。 これを元にffmpegで変換することで動画にしています。

直近でp5.js作成した動画がです。

www.youtube.com

4Kの動画として作成したため、p5.jsで書き出す処理がかなり重かったです。 処理時間さえ気にしなければ、この方法で何も問題はないんですよね。

ただ、p5.jsから動画形式にする方法で比較的処理を軽くする方法は何かないかと調べてます。 まだ良い案は見つからないので、これからも模索していきます。

f:id:gin_graphic:20210327133351p:plain:w400