Processingで動画を書き出す方法

こんにちは、Processingをほそぼそと勉強中のYASU(@98nasi_nori)です。

Processingで制作していると、せっかくの作品を動画に書き出したい!そんな方も多いかと思います。Processingでの動画の書き出しは簡単にできますので、今回はその方法をステップごとに紹介していきます。

書き出し方法

1) コードの差し込み

Processingで動画を書き出す方法

まずが出力したい作品のコードのdrawの部分の最後に、

saveFrame(“frames/######.png”);

の文を差し込みます。この一文加えることで、作品を画像ファイル(png)として書き出すことができます。コードを差し込んだら、「再生」をクリックします。

2) framesフォルダの確認

Processingで動画を書き出す方法

再生すると、対象となる作品のファイルと同じフォルダの中に「frames」のフォルダが作成されます。再生している間、その中に作品のpngファイルが作成されます。

3) ムービーメーカーで書き出し

Processingで動画を書き出す方法

pngファイルが作成されていることを確認できたら、いよいよ動画に変換させます。

まずはProcessingのメニューにある「ツール」から、「ムービーメーカー」を選択します。

Processingで動画を書き出す方法

ムービーメーカーの設定画面が表示されます。

「Drag a folder with image files into the field below」の欄には、先ほど作成された「frames」フォルダがあるパスを選択します。

Processingで動画を書き出す方法

幅と高さは出力される動画のサイズです。任意のサイズを設定します。またFramerateも任意のものを設定します。通常は30ほどで問題ないですが、独自の数値をコード中に設定している場合はそちらを入力しましょう。

また音楽ファイルも動画に設定できますので、もし音源などあればファイルのパスを設定しておきましょう。

設定が完了したら、「Create Movie」を選択します。

Processingで動画を書き出す方法

最後に動画を書き出す箇所を指定し、「保存」を選択します。

Processingで動画を書き出す方法

すると書き出しが始まり、進行中の画面が表示されます。


以上でProcessingで制作したものを動画に書き出すステップは完了です!動画として書き出してみると、また違った見え方ができますよ。制作した作品があれば、せっかくですのでぜひ動画として書き出してみてはいかがでしょうか。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


ABOUTこの記事をかいた人

都内のITスタートアップで働くWebディレクター/マーケター。時々バックパッカー。27歳の社会人3年目。早稲田大学卒。企画・ディレクション〜UIデザイン、グロースハック、コンテンツ制作まで対応。学生時代は世界一周(32ヵ国)とかしてました。お気に入りの国はベトナム、モロッコ、台湾、タンザニアなど。変顔が得意。田舎でのほほんと暮らすことに憧れている。