授業資料/04

Top / 授業資料 / 04

Processing (3)
レポート
- レポート課題
about Icons, ClipArts

Processing (3) †

↑

(少し肩の力を抜いてから) プログラミング「文法」続き †

さて，少し息抜きで? 動画を作成してから，プログラミング言語文法基礎の続きに進もう．

プログラムの流れを制御せよ！「if : 場合分け」を学ぶ

今回がわかれば，プログラムの制御について基礎がわかったことになるはずだ．注意深く進もう．

以下の菊池教授の web に従い，実習を行おう．

Processing入門6: Processing が得意な，アニメーション作成に触れてみよう．他の言語だとこれがなかなか大変なのだよ．
レポート提出時に必要になるので，アニメーションをムービーファイルで記録しておこう．
上記 web の最初のプログラム例に修正が必要なので，下記を先に読んでおこう．
アニメーション描画を決まった回数で止める方法について，下記を先に読んでおこう．
アニメーションをムービーファイルに記録しておく方法について，下記を先に読んでおこう．
Processing入門7: プログラムの流れを思い通りに制御できると，状況に応じた複雑なことをコンピュータにさせられるようになる．頭の固いコンピュータを少しでも柔軟に使うために，「流れの制御」は必須だ．これもプログラムの基本中の基本なので, しっかりものにせよ！

↑

Processing入門6 の最初のプログラムの修正 †

最初のプログラムの 5行目の最後にセミコロンが必要 なので，以下のように直しておこう．
最初のプログラムを直した例．

↑

アニメーション描画を決まった回数で止める方法 †

ムービーファイルを作るときにはプログラムが永遠に動いていると都合が悪い．そこで，アニメーション描画を決まった回数で止める方法を知っておこう．

これは簡単で，アニメーションの画面を描く void draw(){} の中の最後に，

if (frameCount > XX){

noLoop();

}

という3行を書いておくと，描画が XX 回で止まる(正確には XX + 1 回かな?)．

解説webの最初のアニメーション描画を 200回で止める例(11-13行が追加分) :

↑

アニメーションの保存の仕方 †

あとで見直せるように，アニメーションを保存する方法について学んでおこう．

ムービーファイルにいきなり記録

Processing のアニメーションプログラムに 4箇所書き加えるだけで，プログラム実行時にムービーファイルが作られる．実例を使って解説しよう．

アニメーションの 元の例 : 解説webの最初の例 + 85回で停止 (= ムービーファイル作成機能なし)

このプログラムに，ムービーファイル作成機能を追加すると次のようになる．

アニメーションの例 : 解説webの最初の例 + 85回で停止 + ムービーファイル作成機能

上のプログラム中のコメントの ムービーファイル作成(1)-(4) を読めば使い方はわかるだろう．よくわからなくても，これら 4箇所の行をそのまま自分のプログラムの該当する場所へ挿入すれば大丈夫だ．
この場合はプログラムを実行すれば，

movie.mov というムービーファイルが出来るはずだ．

この機能を使えば，Processing のアニメーションがそのままムービーになる！

一瞬一瞬毎の画像ファイルに記録(上級者向け)

アニメーションの画面を描く void draw(){} の中のさらに最後に，

saveFrame("hoge-#####.png");

と書いておくと，プログラムを動かして draw() が 1回絵を描くごとに hoge-00001.png, hoge-00002.png, ... と各瞬間の画像をどんどん保存してくれる(hoge- の部分は自分で変更してくれ)．
ファイル名の ###… はファイル番号に置き換えられる．上の例だと，##### と # が5つ繋がっているのでファイル番号は 5桁まで大丈夫ということになる．
手間も記憶容量も食うが，こうして記録しておけば劣化がないため，あとからゆっくり適切なアプリケーションを選んで使ってムービーファイルを作ることができる．また，この手法はほかのツールでも使えるので，応用が効く．

多数の画像をつなげてムービーファイルを作る方法は自分で調べよう．

プログラムが動いている限り画像が増え続けるので，プログラムがすぐ止まるようにしておくか，すぐ手で止めること！

実例: 解説webの最初の例 + 85回で停止する機能 + 各瞬間の画像記録．