ノート Archive - Processing 学習ノート

1b-13 課題「時計」制作のヒント

Posted by: masa
2010年1月25日 14:40
1b | ノート

課題「時計」の参考作品

Comments (Close): 0
TrackBack (Close): 0

1b-10 ライブカメラを使う

Posted by: masa
2009年12月14日 14:40
1b | ノート

ライブカメラの映像を加工した作品をつくってみる。

Comments (Close): 0
TrackBack (Close): 0

1b-09 アニメーション

Posted by: masa
2009年12月 7日 14:40
1b | ノート

画像シーケンスからアニメーションを作成する方法を学ぶ

Comments (Close): 0
TrackBack (Close): 0

1b-08 課題「おみくじをつくる」

Posted by: di
2009年11月30日 14:40
1b | ノート

これまでの授業で学んだことをもとにして、「おみくじ」を作成してください。

Comments (Close): 0
TrackBack (Close): 0

1b-07 配列を使う

Posted by: di
2009年11月16日 14:40
1b | ノート

配列とは番号の付いた変数。1つの名前の変数で複数の値を持つことができる。

Comments (Close): 0
TrackBack (Close): 0

1b-06 時間を表示する

Posted by: masa
2009年11月 9日 14:40
1b | ノート

現在の時間を表示する。

Comments (Close): 0
TrackBack (Close): 0

1b-05 反応させる（キーボードからの入力に）

Posted by: di
2009年11月 2日 14:40
1b | ノート

キーボードからの入力に反応して、画面が変化するプログラムを学ぶ。

Comments (Close): 0
TrackBack (Close): 0

1b-04 反応させる（マウスからの入力に）

Posted by: di
2009年10月26日 14:40
1b | ノート

マウスからの入力（移動、クリック）に反応して、画面が変化するプログラムを学ぶ。

Comments (Close): 0
TrackBack (Close): 0

1b-03 関数を定義し利用する

Posted by: di
2009年10月19日 14:40
1b | ノート

よく利用する処理は「関数」を利用することで、見渡しの良いプログラムにすることができる。

Comments (Close): 0
TrackBack (Close): 0

1b-02 動きを制御する - 直線の動き

Posted by: di
2009年10月 5日 14:40
1b | ノート

画面を連続して書き替えることで、「動き」を表現してみる。

Comments (Close): 0
TrackBack (Close): 0

1b-01 プログラムの構造化 - 初期化関数とメインループ関数

Posted by: di
2009年9月28日 14:40
1b | ノート

後期の授業では、これまでのような静止画を生成する表現から、アニメーションやマウスの動きに反応する表現に挑戦する。

Comments (Close): 0
TrackBack (Close): 0

1a-13 Adobe Illustrator で作成した素材を Processing で利用する

Posted by: masa
2009年7月13日 14:40
1a | ノート

Adobe Illustrator で作成した素材を Processing で利用したい人のために、手順を解説する。

Adobe Illustrator で素材を作成
書き出し（背景が透過のPNG形式）
フォトショップでトリミング、保存

解説に利用した Adobe Illustrator のバージョンは「CS3」なので、バージョンの違いにより用語の違いがある場合がある。

Adobe Photoshop で作成した素材を利用したい場合は、メニューの「ファイル＞ Webおよびデバイス用に保存」でPNG形式を選択し、保存する。

Comments (Close): 0
TrackBack (Close): 0

1a-12 座標を変換する

Posted by: masa
2009年7月 6日 14:40
1a | ノート

教科書 p.66〜p.71

正方形を画面にちりばめる

Comments (Close): 0
TrackBack (Close): 0

1a-10 作品をつくる2 画像に保存する

Posted by: masa
2009年6月22日 14:40
1a | ノート

教科書 p.91〜p.92

画像（PNG形式）に保存する

Comments (Close): 0
TrackBack (Close): 0

1a-09 作品をつくる1　パターン

Posted by: masa
2009年6月15日 14:40
1a | ノート

教科書 p.88〜p.90

パターン（模様）を描く
自然なゆらぎを与える

Comments (Close): 0
TrackBack (Close): 0

1a-08 これまでのおさらいと発展

Posted by: masa
2009年6月 8日 14:40
1a | ノート

教科書 p.42〜p.65 のおさらい

かたちを描く（rectとellipseのほか）
色を使う（不透明度）
ランダムに決める（上限と下限の範囲を決めて）

Comments (Close): 0
TrackBack (Close): 0

1a-07 画像や文字を使う

Posted by: masa
2009年6月 1日 14:40
1a | ノート

教科書 p.82〜p.87

画像を使う
文字を使う

Comments (Close): 0
TrackBack (Close): 0

1a-06 条件と分岐

Posted by: masa
2009年5月25日 14:40
1a | ノート

教科書 p.76〜p.81

条件分岐命令
条件式

Comments (Close): 0
TrackBack (Close): 0

1a-05 繰り返しとランダム

Posted by: masa
2009年5月18日 14:40
1a | ノート

処理を繰り返す
繰り返しを繰り返す
ランダムに決める

Comments (Close): 0
TrackBack (Close): 0

1a-04 計算と変数

Posted by: masa
2009年5月11日 14:40
1a | ノート

プログラミングならではのグラフィック作品を作るために、一般的なプログラムの基礎を学んでいく。

数値と計算式
変数

Comments (Close): 0
TrackBack (Close): 0

1a-03 円を描く、色を使う

Posted by: masa
2009年4月20日 14:40
1a | ノート

円を描く
色を表現する方法
色の付け方（背景、線、塗り）
練習、課題

Comments (Close): 0
TrackBack (Close): 0

1a-02 矩形で絵を描く - はじめてのProcessing

Posted by: masa
2009年4月13日 14:40
1a | ノート

Processingを起動する
矩形を描く
課題

Comments (Close): 0
TrackBack (Close): 0