初めまして講師のダダです
今回は、アニメーション作品を作ったけど保存の方法がわからない方へ向けて書いています
この記事を見ることで、簡単なGIFアニメーションが作れるようになります
↓↓↓アニメーションの作り方についてはこちらから
ポイント
・アニメーションの作成
まずは簡単なアニメーションを作成していきます
・frameCountをif文でフレームの数を指定
1 |
if (frameCount <= 160): |
・各フレームをPNG画像として新しくファイルを作成し保存
####部分でフレームの数に合わせて数を入れてくれます
1 |
saveFrame("frames/####.png") |
・Processing付属のムービーメーカーで一つの動画にしていきます
↑↑↑画像をクリックすると翻訳ページに飛びます
アニメーションを作成
今回はアニメーションのフレームをカウントする物を作っていきます
1 2 3 4 5 6 7 |
def setup(): size(900, 550) textSize(100) def draw(): text("frameCounter", 100, 250) text(frameCount, 300, 350) |
これでフレームのカウントをしてくれるアニメーションができました
実行してみても終了するまでカウントし続けるだけなんだけど?
そんな時はif文で条件を付けてみよう
if文を使ってフレームに条件を付ける
1 |
if (frameCount <= 160): |
このコードを先ほど作ったアニメーションに追加していきます
1 2 3 4 5 6 7 8 9 |
def setup(): size(900, 550) textSize(100) def draw(): background(0) if (frameCount <= 160): text("frameCounter", 100,250) text(frameCount, 300, 350) |
このままでは終わりがないので
終わりの条件をコードで入力します
1 2 |
else: exit() |
if文についてはこちらの記事を参考にしてください
PNG画像として1枚ずつ保存していきます
保存のためのコードはこちら
1 |
saveFrame("frames/####.png") |
saveFrame("ファイル作成/フレーム数を入力.png)
saveFrameを入力することで、画像を保存してくれるファイルを作成し
保存したPNG画像に番号を入力してくれます
完成コードはこちら
1 2 3 4 5 6 7 8 9 10 11 12 |
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へアップができない
みんなに見てもらえないという方は、是非アニメーションを作ってみてください
動く物ができるとモチベーションにもつながりますよ
もしわからないことがあれば、このブログやXに質問等を投げていただければと思います。
Xのアカウントはこちら
プログラミング学習を進めているけれど、まだ副収入につなげられていない…そんなあなたへ!今こそ、学んだスキルを活かして副業に挑戦する絶好のチャンスです。プログラミングだけでなく、自分のスキルや商品をネットで販売する『ネットショップ』を開設してみませんか?
ネットショップを持つことで、自分の知識やスキルをより多くの人に届け、副収入を得ることが可能です。学んできたプログラミングを活かして、ショップのカスタマイズや運営も自由自在に行えますし、もし商品作成が難しい場合でも、デジタル商品やサービス提供など、いろんな選択肢があります。
このステップで一歩踏み出せば、今学んでいることが副収入に直結し、自分の時間をより有効に使うことができるはずです!一緒にネットショップを開設し、副業の第一歩を踏み出しましょう!
タイトルテキスト
プログラミングを視覚的に理解したい方やプログラミングで絵を書いてみたい方はUdemyで講座も作っているのでこちらも参考にしてみてください
Udemy講座
ChatGPTでPythonの学習を始めてみたい方は以下の記事を参考にしてみてください
関連記事
プログラミングを学びたいけど、どこから始めたらいいのか分からない、自分に合っているか不安…そんな悩みを持っている方におすすめしたいのが、 無料相談 サービスです!
この無料相談では、あなたの現状や目標に合わせて、最適な学習プランを一緒に考えてくれます。どんなスキルが必要なのか、どうやって学習を進めると効果的かを具体的にアドバイスしてもらえるので、無駄なく効率的にスタートを切ることができます。
さらに、プログラミング学習には同じ目標を持つ 仲間 がいること、そして頼りになる メンター の存在がとても大きな支えになります。独学ではどうしてもつまずきやすい部分も、メンターがあなたの成長に合わせて親身にサポートしてくれるので、安心して学びを進められます。
まずは 無料相談 で、あなたに合ったプランを見つけて、スキルアップへの第一歩を踏み出してみませんか?今なら、迷っている方でも気軽に相談できるチャンスです!