【Processing】saveFrame()の使い方【作った絵やアニメーションを、コンピュータに画像ファイルとして保存する】

2024年11月21日

URLをコピーしました！

ワタタク

今回の記事の目的はProcessingの「saveFrame()」を理解し、自分なりに使ってみること。

この記事を書いた人

ワタタク

プロフィール

クリエイティブコーディングで制作した作品と、上達のためにやったこと・学習過程を発信
コンセプトは「クリエイティブコーディング1万時間の歩き方」
2024年にProcessingの構文のアウトプットを終え、2025年から作品制作開始（クリエイティブコーディングで作成した作品集）

記事内のProcessingのバージョンは4.3。

【Processing】saveFrame()について

saveFrame()について

Save Frame は「フレームを保存する」という意味
saveFrame()は、Processingというプログラムで作った絵やアニメーションを、コンピュータに画像ファイルとして保存する
【注意点】

【Processing】saveFrame()の使い方【画像とコード】

void setup() {
  size(400, 400); // 画面の大きさを設定する
}

void draw() {
  background(255); // 画面を白にする
  ellipse(mouseX, mouseY, 50, 50); // マウスの位置に丸を描く
  saveFrame("myPicture.png"); // 絵を保存する
}