Experimental Mathematics 1 (2011)
授業資料/04
をテンプレートにして作成
開始行:
#contents
// 第 4 回
* Processing (3) [#d483fe97]
** (少し肩の力を抜いてから) プログラミング「文法」続き [#...
さて，少し息抜きで? 動画を作成してから，プログラミング言...
&br;&br;
CENTER:&size(24){''プログラムの流れを制御せよ！ 「if : 場...
&br;&br;
今回がわかれば，プログラムの制御について基礎がわかったこ...
注意深く進もう．
&br;&br;
&ref(/materials/notes.png); 以下の菊池教授の web に従い，...
: [[&ref(/materials/JNorth_arrow-right-sm.png); Processin...
Processing が得意な，アニメーション作成に触れてみよう．
他の言語だとこれがなかなか大変なのだよ．
&br;
レポート提出時に必要になるので，アニメーションをムービー...
&br;
&ref(/materials/warning.png); 上記 web の最初のプログラム...
&br;
&ref(/materials/warning.png); アニメーション描画を決まっ...
&br;
&ref(/materials/warning.png); アニメーションをムービーフ...
&br;&br;
: [[&ref(/materials/JNorth_arrow-right-sm.png); Processin...
プログラムの流れを思い通りに制御できると，状況に応じた複...
頭の固いコンピュータを少しでも柔軟に使うために，「流れの...
これもプログラムの基本中の基本なので, しっかりものにせよ！
&br;&br;
*** [[&ref(/materials/JNorth_arrow-right-sm.png); Process...
最初のプログラムの ''5行目の最後にセミコロンが必要'' なの...
&br;
&ref(/materials/Gnome-Preferences.png); 最初のプログラム...
// programu source 表記
#highlighter(language=java,number=on){{
int x;
void setup()
{
x = 10;
noStroke();
}
void draw()
{
background(0);
x += 1;
ellipse(x,x,30,30);
}
}}
&br;&br;
** アニメーション描画を決まった回数で止める方法 [#u581dc20]
ムービーファイルを作るときにはプログラムが永遠に動いてい...
そこで，アニメーション描画を決まった回数で止める方法を知...
&br;&br;
これは簡単で，アニメーションの画面を描く ''void draw(){}'...
> if (frameCount > &color(red){''XX''};){
> noLoop();
> }
という3行を書いておくと，描画が &color(red){''XX''}; 回で...
&br;
&br;
&ref(/materials/Gnome-Preferences.png); 解説webの最初のア...
// programu source 表記
#highlighter(language=java,number=on){{
int x;
void setup() {
x = 10;
noStroke();
}
void draw() {
background(0);
x += 1;
ellipse(x,x,30,30);
if (frameCount > 200){
noLoop();
}
}
}}
&br;&br;
** アニメーションの保存の仕方 [#uedecccf]
あとで見直せるように，アニメーションを保存する方法につい...
&br;
: ムービーファイルにいきなり記録 |
Processing のアニメーションプログラムに &color(red){''4箇...
実例を使って解説しよう．
&br;&br;
&ref(/materials/Gnome-Preferences.png); アニメーションの ...
#highlighter(language=java,number=on){{
int x;
void setup() {
x = 10;
noStroke();
}
void draw() {
background(0);
x += 1;
ellipse(x,x,30,30);
if (frameCount > 85){
noLoop();
}
}
}}
//
&br;&br;
このプログラムに，ムービーファイル作成機能を追加すると次...
&br;
&ref(/materials/Gnome-Preferences.png); アニメーションの...
#highlighter(language=java,number=on){{
import processing.video.*; // ムービーファイル作成(1): 準...
MovieMaker mm; // ムービーファイル作成(1): 準...
int x;
void setup() {
x = 10;
noStroke();
mm = new MovieMaker(this, width, height, "movie.mov",
30, MovieMaker.H263, MovieMaker.MEDIUM);
// ムービーファイル作成(2): ファイル形式等の設定
}
void draw() {
background(0);
x += 1;
ellipse(x,x,30,30);
mm.addFrame();
// ムービーファイル作成(3): 描画毎に記録して…
if (frameCount > 85){
noLoop();
mm.finish();
// ムービーファイル作成(4): 最後にファイルにセーブ．
}
}
}}
&br;
上のプログラム中のコメントの ''ムービーファイル作成(1)-(4...
よくわからなくても，これら 4箇所の行をそのまま自分のプロ...
&br;
この場合はプログラムを実行すれば，&ref(./movie.mov); とい...
&br;&br;
この機能を使えば，Processing のアニメーションがそのままム...
&br;&br;
: 一瞬一瞬毎の画像ファイルに記録(上級者向け) |
アニメーションの画面を描く ''void draw(){}'' の中のさらに...
&br;&br;
''saveFrame("hoge-#####.png");''
&br;&br;
と書いておくと，プログラムを動かして draw() が 1回絵を描...
&br;
ファイル名の ''###…'' はファイル番号に置き換えられる．
上の例だと，''#####'' と ''#'' が5つ繋がっているのでファ...
&br;
手間も記憶容量も食うが，こうして記録しておけば劣化がない...
あとからゆっくり適切なアプリケーションを選んで使ってムー...
また，この手法はほかのツールでも使えるので，応用が効く．
&br;
&ref(/materials/warning.png); 多数の画像をつなげてムービ...
&br;
&ref(/materials/warning.png); プログラムが動いている限り...
&br;&br;
&ref(/materials/Gnome-Preferences.png); 実例: 解説webの最...
#highlighter(language=java,number=on){{
int x;
void setup() {
x = 10;
noStroke();
}
void draw() {
background(0);
x += 1;
ellipse(x,x,30,30);
if (frameCount > 85){
noLoop();
}
saveFrame("hoge-###.png");
}
}}
//
このプログラムを用いれば，
&br;
&ref(./hoge-001.png); &ref(./hoge-020.png); &ref(./hoge-0...
&br;
という感じのファイルが狙った枚数だけ得られるはずだ．
&br;
そして，それらをつなげてムービーファイルを作成すると，
例えば &ref(./by-method2.avi); や &ref(./by-method2.mpg);...
&br;&br;
* レポート [#f5874dcd]
以下の課題について，あたうかぎり賢明な調査と考察と実行を...
&size(18){''ExpMath1-Report-04''};
という題名をつけて e-mail にて教官にレポートとして提出せ...
+ 所属(学部，学科)
+ 学籍番号
+ 学年
+ 氏名
を書くのを忘れないように.
&ref(/materials/warning.png); 自分のレポート作成ツールセ...
** レポート課題 [#udb41693]
+ 実習で出てきた練習問題に対しての，自分の解答プログラム...
+ それぞれのプログラムを「''詳細に''」解説せよ．
+ 上級者向け: 各瞬間の画像を取っておく方法でムービーファ...
* about Icons, ClipArts [#ydb3caad]
For details, see [[&ref(/materials/JNorth_arrow-right-sm....
// ━┃┏┓┛┗┣┳┫┻╋
// コマンドライン入力は「行頭を > で始める」.
// コマンドライン出力は「行頭をブランクで始める」.
// 実習アイコン
// &ref(/materials/notes.png);
// 注意アイコン
// &ref(/materials/warning.png);
// Link アイコン
// &ref(/materials/JNorth_arrow-right-sm.png);
// OK アイコン
// &ref(/materials/OK.png);
// NG アイコン
// &ref(/materials/NG.png);
// サンプルアイコン
// &ref(/materials/Gnome-Preferences.png);
// 大文字での強調
// CENTER:&size(24){''ほげほげ''};
// 太文字 + 赤 での強調
// &color(red){''''};
// programu source 表記
// #highlighter(language=ruby,number=on,cache=on){{}}
終了行:
#contents
// 第 4 回
* Processing (3) [#d483fe97]
** (少し肩の力を抜いてから) プログラミング「文法」続き [#...
さて，少し息抜きで? 動画を作成してから，プログラミング言...
&br;&br;
CENTER:&size(24){''プログラムの流れを制御せよ！ 「if : 場...
&br;&br;
今回がわかれば，プログラムの制御について基礎がわかったこ...
注意深く進もう．
&br;&br;
&ref(/materials/notes.png); 以下の菊池教授の web に従い，...
: [[&ref(/materials/JNorth_arrow-right-sm.png); Processin...
Processing が得意な，アニメーション作成に触れてみよう．
他の言語だとこれがなかなか大変なのだよ．
&br;
レポート提出時に必要になるので，アニメーションをムービー...
&br;
&ref(/materials/warning.png); 上記 web の最初のプログラム...
&br;
&ref(/materials/warning.png); アニメーション描画を決まっ...
&br;
&ref(/materials/warning.png); アニメーションをムービーフ...
&br;&br;
: [[&ref(/materials/JNorth_arrow-right-sm.png); Processin...
プログラムの流れを思い通りに制御できると，状況に応じた複...
頭の固いコンピュータを少しでも柔軟に使うために，「流れの...
これもプログラムの基本中の基本なので, しっかりものにせよ！
&br;&br;
*** [[&ref(/materials/JNorth_arrow-right-sm.png); Process...
最初のプログラムの ''5行目の最後にセミコロンが必要'' なの...
&br;
&ref(/materials/Gnome-Preferences.png); 最初のプログラム...
// programu source 表記
#highlighter(language=java,number=on){{
int x;
void setup()
{
x = 10;
noStroke();
}
void draw()
{
background(0);
x += 1;
ellipse(x,x,30,30);
}
}}
&br;&br;
** アニメーション描画を決まった回数で止める方法 [#u581dc20]
ムービーファイルを作るときにはプログラムが永遠に動いてい...
そこで，アニメーション描画を決まった回数で止める方法を知...
&br;&br;
これは簡単で，アニメーションの画面を描く ''void draw(){}'...
> if (frameCount > &color(red){''XX''};){
> noLoop();
> }
という3行を書いておくと，描画が &color(red){''XX''}; 回で...
&br;
&br;
&ref(/materials/Gnome-Preferences.png); 解説webの最初のア...
// programu source 表記
#highlighter(language=java,number=on){{
int x;
void setup() {
x = 10;
noStroke();
}
void draw() {
background(0);
x += 1;
ellipse(x,x,30,30);
if (frameCount > 200){
noLoop();
}
}
}}
&br;&br;
** アニメーションの保存の仕方 [#uedecccf]
あとで見直せるように，アニメーションを保存する方法につい...
&br;
: ムービーファイルにいきなり記録 |
Processing のアニメーションプログラムに &color(red){''4箇...
実例を使って解説しよう．
&br;&br;
&ref(/materials/Gnome-Preferences.png); アニメーションの ...
#highlighter(language=java,number=on){{
int x;
void setup() {
x = 10;
noStroke();
}
void draw() {
background(0);
x += 1;
ellipse(x,x,30,30);
if (frameCount > 85){
noLoop();
}
}
}}
//
&br;&br;
このプログラムに，ムービーファイル作成機能を追加すると次...
&br;
&ref(/materials/Gnome-Preferences.png); アニメーションの...
#highlighter(language=java,number=on){{
import processing.video.*; // ムービーファイル作成(1): 準...
MovieMaker mm; // ムービーファイル作成(1): 準...
int x;
void setup() {
x = 10;
noStroke();
mm = new MovieMaker(this, width, height, "movie.mov",
30, MovieMaker.H263, MovieMaker.MEDIUM);
// ムービーファイル作成(2): ファイル形式等の設定
}
void draw() {
background(0);
x += 1;
ellipse(x,x,30,30);
mm.addFrame();
// ムービーファイル作成(3): 描画毎に記録して…
if (frameCount > 85){
noLoop();
mm.finish();
// ムービーファイル作成(4): 最後にファイルにセーブ．
}
}
}}
&br;
上のプログラム中のコメントの ''ムービーファイル作成(1)-(4...
よくわからなくても，これら 4箇所の行をそのまま自分のプロ...
&br;
この場合はプログラムを実行すれば，&ref(./movie.mov); とい...
&br;&br;
この機能を使えば，Processing のアニメーションがそのままム...
&br;&br;
: 一瞬一瞬毎の画像ファイルに記録(上級者向け) |
アニメーションの画面を描く ''void draw(){}'' の中のさらに...
&br;&br;
''saveFrame("hoge-#####.png");''
&br;&br;
と書いておくと，プログラムを動かして draw() が 1回絵を描...
&br;
ファイル名の ''###…'' はファイル番号に置き換えられる．
上の例だと，''#####'' と ''#'' が5つ繋がっているのでファ...
&br;
手間も記憶容量も食うが，こうして記録しておけば劣化がない...
あとからゆっくり適切なアプリケーションを選んで使ってムー...
また，この手法はほかのツールでも使えるので，応用が効く．
&br;
&ref(/materials/warning.png); 多数の画像をつなげてムービ...
&br;
&ref(/materials/warning.png); プログラムが動いている限り...
&br;&br;
&ref(/materials/Gnome-Preferences.png); 実例: 解説webの最...
#highlighter(language=java,number=on){{
int x;
void setup() {
x = 10;
noStroke();
}
void draw() {
background(0);
x += 1;
ellipse(x,x,30,30);
if (frameCount > 85){
noLoop();
}
saveFrame("hoge-###.png");
}
}}
//
このプログラムを用いれば，
&br;
&ref(./hoge-001.png); &ref(./hoge-020.png); &ref(./hoge-0...
&br;
という感じのファイルが狙った枚数だけ得られるはずだ．
&br;
そして，それらをつなげてムービーファイルを作成すると，
例えば &ref(./by-method2.avi); や &ref(./by-method2.mpg);...
&br;&br;
* レポート [#f5874dcd]
以下の課題について，あたうかぎり賢明な調査と考察と実行を...
&size(18){''ExpMath1-Report-04''};
という題名をつけて e-mail にて教官にレポートとして提出せ...
+ 所属(学部，学科)
+ 学籍番号
+ 学年
+ 氏名
を書くのを忘れないように.
&ref(/materials/warning.png); 自分のレポート作成ツールセ...
** レポート課題 [#udb41693]
+ 実習で出てきた練習問題に対しての，自分の解答プログラム...
+ それぞれのプログラムを「''詳細に''」解説せよ．
+ 上級者向け: 各瞬間の画像を取っておく方法でムービーファ...
* about Icons, ClipArts [#ydb3caad]
For details, see [[&ref(/materials/JNorth_arrow-right-sm....
// ━┃┏┓┛┗┣┳┫┻╋
// コマンドライン入力は「行頭を > で始める」.
// コマンドライン出力は「行頭をブランクで始める」.
// 実習アイコン
// &ref(/materials/notes.png);
// 注意アイコン
// &ref(/materials/warning.png);
// Link アイコン
// &ref(/materials/JNorth_arrow-right-sm.png);
// OK アイコン
// &ref(/materials/OK.png);
// NG アイコン
// &ref(/materials/NG.png);
// サンプルアイコン
// &ref(/materials/Gnome-Preferences.png);
// 大文字での強調
// CENTER:&size(24){''ほげほげ''};
// 太文字 + 赤 での強調
// &color(red){''''};
// programu source 表記
// #highlighter(language=ruby,number=on,cache=on){{}}
ページ名:
