1. コードを書く→RUNしてみる
簡単な１行を入力してRUNボタン（▶）をクリックしてみよう
point (50, 50) ;
小さいウィンドウが現れて真ん中に（とても小さいけど）点が打ってあります。
point()は画面上に点を打つ命令です。processingが、そう決めてます。
エラーが出た人は、行の最後に ; をタイプしてるかチェックしてください。
終了するときは小さいウィンドウを閉じます。
( )の中の数字をいじってRUNしてみよう。何が変化するか分かりますね？
一つ目の数字と二つ目の数字は何を表すかも確かめてください。
2. ペンの太さを変える
点が見にくいので少し大きくします
strokeWeight(5) ;
point (50, 50) ;
strokeWeightは線の太さを指定します。
ちなみに、命令は上の行から順に実行されます
だから
point (50, 50) ;
strokeWeight(5) ;
だと点の大きさは変わりません。
3.色を変えてみる
色をつけてみましょう
stroke(color(255,255,0)) ;
strokeWeight(5) ;
point (50, 50) ;
strokeはペンの色、colorは色を表します。
３つの数字はred成分, green成分, blue成分です。
0 ~ 255の範囲で指定します。
好きな色をどうぞ。
4.ウィンドウを大きくしてみる
size(256, 256) ;
stroke(color(255,255,0)) ;
strokeWeight(5) ;
point (50, 50) ;
ところで、点が真ん中に来てないのをなんとかしたいです。しかも少し高度なや
り方で。
もうお分かりと思いますが、pointの( )の中の2つの数字は順にx座標、y座標
を表しています。
この値をウィンドウのサイズの半分の数値に変えてやればいいのですが、
正直に数値を書かずともこんな便利な書き方ができます。
size(256, 256) ;
stroke(color(255,255,0)) ;
strokeWeight(5) ;
point (width/2, height/2) ;
width, heightはprocessingが決めた特殊な変数で、ウィンドウの幅と高さが自
動的に格納されています。
だからサイズを200 x 600とかにしても、上記のpoint命令はそのままでちゃん
と真ん中に点が打てます。
リストの中で、オレンジで表示されているのはprocessingが決めた命令、ブルー
で表示されているのはprocessingが決めた特殊な変数です。
processingが決めている命令や変数はここを見れば知る事ができます。
http://processing.org/reference/index.html
日本語が好きならこちら：
http://pripro.org/p5ref/
5. アニメーションを作る
いままでは上の行から下の行へ命令を実行して停止してました。
アニメーションやゲームを作るにはどうすれば良いのだろう？
答え：draw() の中に書く
void draw() {
// size(256, 256) ;
stroke(color(255,255,0)) ;
strokeWeight(5) ;
point (mouseX, mouseY) ;
}
ウィンドウ上でマウスを動かしてみよう。マウスの位置に軌跡が残りますね？
mouseX, mouseYがミソです。これらはprocessingが決めた特殊な変数で、現
在のマウスの座標が入っています。
「現在の」なので、マウスを動かしていればどんどん変化していきます。
drawの中は繰り返し実行されます。したがって、その都度マウス位置に点が打た
れるという訳です。
{ }の中の行の字下げは見やすくするためで、コンピュータには影響ありません。
processingはctrl + tを押すと自動的に字下げして見やすくしてくださいます。
size()は訳あって実行したくないので //を先頭に打ってあります。//以降のその
行の文字はprocessingが無視してくれます。
これをコメントアウトなどといいます。//はコメントを書くときにも使います。
6. 初期設定とフレームごとに処理に分ける
ところで、draw()のなかの4行のうち、ペンの色とペンの太さを指定していると
ころは繰り返し実行する必要がありません。またsizeは繰り返し実行してはいけ
ない命令です。（コメントアウトしたのはそういう訳でした）
そこでこうします。
void setup() {
size(256, 256) ;
stroke(color(255,255,0)) ;
strokeWeight(5) ;
}
void draw() {
point (mouseX, mouseY) ;
}
setup()内に書いた命令はこのプログラムがRUNされると最初に実行され、その
後draw()の中が繰り返し実行されます。
そういう風に作ってあります。
ｓｅｔｕｐ
│
│←──┐
│ │
ｄｒａｗ │
│ │
└───┘
こういう風に。
プログラムの準備段階はsetupに、通常運転はdrawに書くといいでしょう。
7. 自動的に点が進むプログラムを作ってみます
int x ;
void setup() {
size(256, 256) ;
stroke(color(255,255,0)) ;
strokeWeight(5) ;
x = 0 ;
}
void draw() {
background(100) ;
point (x, height/2) ;
x = x + 1 ;
x = x % width ;
}
drawの最初のbackgroundは背景を塗りつぶす命令です。これがないと軌跡が残ります。
今回はボールのように動いてほしかったので、軌跡を残さず、コマ毎に背景を塗りつぶし、点を描いています。
一行目のint x ;でxという変数を使う事に決めた旨宣言します。
widthやheightやmouseXやmouseYなどはprocessingが決めた特別な変数ですが、このように自分で好きな名前の変数を作る事ができます。
setup内のx = 0 ;でxに0を代入してます。
draw内のpoint(x, height/2)でxの横位置に点を打っています。
次の行でxに1を足しています。
さらに次の行で右端についたら左端に戻す、ということをやっています。（幅で割った余りを求めています）
]]>
こんなふうに配線。
0.1µFをこんなふうに付けてください。0.47µFを持ってたらそっちの方がいいです。
線の色は
赤 V+
白 信号
黒 GND
です。お願いします。
Arduinoの5V、GND、A0につなぐ
Arduino側で電圧を読み込んでシリアルで出力
書き込みが完了したらこちらのようにブレッドボードなどで配線して使用できます]]>
movieplayerパッチ
アプリケーション化したもの（そのまま実行できる）
サンプルサウンドファイル（解凍してsndフォルダの中身=snd1.wavなどをsoundplayerと同じ階層に置いてください）
GPIO0,1,2,4,5が全部同じようにLEDの出力になってます。IrLEDに流す電流によってRの値を決めてください。GPIOは全て使う必要はなくて、20mA流すのであればGPIO0だけで十分です。もっと大電流を流したい時は何個かのポートを束ねて使ってください。
PIC12F683のスペックによると、１つのポートから流せる電流は25mAまで。ただし、全ポートの合計は90mAとなっています。それをオーバーしないように抵抗値を選択してください。もちろんLEDの定格を超えてもいけません。
LEDの抵抗の計算法はLEDの抵抗値計算機（秋月電子）などを見れば分かると思います。
受光モジュールはいろいろ種類がありますが、実験では秋月で入手できるPL-IRM0208-A538を使いました。100円です。電源つなぐだけでOKです。outputをpri/proのADIOインプットなり、PICの入力ポートなりにつなげば読み取れます。
図のように平行光にした上で、受光モジュールと光軸を合わせればインタラプタの完成です。
外光の状況やLEDの出力にもよるけど、かなり離しても動作しそうです。
レンズは普通の球面レンズなら何でも構いません。可視光のLEDをレンズ越しに覗き込みながらLEDの距離を変えると、メラッとするポイントがあります。理科で日光を集めて火を点ける実験をしたことがあると思いますが、そのときのレンズと紙の距離が焦点距離です。
光学については僕にはまったく未知の世界です。興味のある方はここに光と光の記録に関する神サイトがあります。凄すぎます。
]]>
movieplayerパッチ
アプリケーション化したもの（そのまま実行できる）
＊注 Max5の版に差し替えました。追記参照。
processing側のサンプルです
ソースをダウンロード
oscP5とcontrolP5を使ってます。ソースから実行する場合はprocessingにそれぞれのライブラリをインストールして開いてください。
MoviePlayerControllerアプリケーション
こっちにはライブラリ含まれてるので即実行できるはずです。
テキストフィールドにメッセージを打ち込んで制御テストができます
か、かわいくなてるよ画面っ。次期Maxはミナペルホネンみたいになってほしい。
]]>