Processing python

【Processing×Python】アニメーションをGIFに変換して保存する方法

記事内に商品プロモーションを含む場合があります

初めまして講師のダダです

今回は、アニメーション作品を作ったけど保存の方法がわからない方へ向けて書いています

この記事を見ることで、簡単なGIFアニメーションが作れるようになります

↓↓↓アニメーションの作り方についてはこちらから

アニメーションの作り方

この記事はProcessingのPython設定で作成しております

Java設定だとエラーが出るので注意してください

インストールや設定変更については

私が作ったUdemy講座から無料で見れるようになりました

Processingインストールの講座プレビュー

視聴方法 ←見方がわからない方はこちら

Processing×Pythonが学べる講座

↓↓割引クーポンで安く学べる↓↓

割引クーポン発行

ポイント

・アニメーションの作成

まずは簡単なアニメーションを作成していきます

・frameCountをif文でフレームの数を指定

if (frameCount <= 160):

・各フレームをPNG画像として新しくファイルを作成し保存

####部分でフレームの数に合わせて数を入れてくれます

saveFrame("frames/####.png")

・Processing付属のムービーメーカーで一つの動画にしていきます

↑↑↑画像をクリックすると翻訳ページに飛びます

アニメーションを作成

今回はアニメーションのフレームをカウントする物を作っていきます

def setup():
    size(900, 550)
    textSize(100)

def draw():
    text("frameCounter", 100, 250)
    text(frameCount, 300, 350)

これでフレームのカウントをしてくれるアニメーションができました

スゥちゃん
スゥちゃん

実行してみても終了するまでカウントし続けるだけなんだけど?

ダダ
ダダ

そんな時はif文で条件を付けてみよう

if文を使ってフレームに条件を付ける

if (frameCount <= 160):

このコードを先ほど作ったアニメーションに追加していきます

def setup():
    size(900, 550)
    textSize(100)

def draw():
    background(0)
    if (frameCount <= 160):
        text("frameCounter", 100,250)
        text(frameCount, 300, 350)
ダダ
ダダ

このままでは終わりがないので

終わりの条件をコードで入力します

else:
    exit()

if文についてはこちらの記事を参考にしてください

PNG画像として1枚ずつ保存していきます

保存のためのコードはこちら

saveFrame("frames/####.png")

saveFrame("ファイル作成/フレーム数を入力.png)

saveFrameを入力することで、画像を保存してくれるファイルを作成し

保存したPNG画像に番号を入力してくれます

完成コードはこちら

def setup():
    size(900, 550)
    textSize(100)

def draw():
    background(0)
    if (frameCount <= 160):
        text("frameCounter", 100,250)
        text(frameCount, 300, 350)
    else:
        exit()
    saveFrame("frames/####.png")

保存した画像はこのように保存されます

ダダ
ダダ

このままでは、GIFにできないのでProcessing付属のムービーメーカーを使ってGIFをアニメーションを作ります

Processing付属のムービーメーカー

ツール→ムービーメーカーを選択

ムービーメーカーの使い方

ファイルの選択方法

最後に名前を付けて保存ができると

\\\GIFアニメーションの完成///

まとめ

アニメーションを作っても、保存ができなくてSNSへアップができない

みんなに見てもらえないという方は、是非アニメーションを作ってみてください

動く物ができるとモチベーションにもつながりますよ

ダダ
ダダ

この度Udemyで講座を作りました

【プログラミングxアート】直感的・視覚的に学ぶ Processing×Python 入門講座

ブログに書いてある内容を一つの講座にしています

☆☆☆作成した講座が気になる方は☆☆☆

こちらをクリック

\\\お得なクーポンが使えます///

-Processing python
-, , , ,