We need a loop! - 次は繰り返し（ちょっぴりややこしい話付き）
まずは、【ちょっぴり】ややこしい話から（上の画像のこと）
＊＊（下でのThoruさんのコメントで【ずいぶん】から【ちょっぴり】に変わったので、
大幅改定（４月９日）
スクリプト（コードとも言う）が長くなるとファイルを分割した方が何かにつけてやり易くなります。
なので、今後ファイルを分けてアプレット起動ページを作ることにしました。
ただ、ファイルを分ける手順がちょっとややこしいんで、あらかじめ解説しておきます。
１．アップレット起動ページに張ってあるSourceCodeのリンクエントリーが複数になります。
（図の右上）
２．P5で普通にやると一つのタブが出来て、一つのファイルしか編集できないけど、タブペインの
矢印ボタン（図の左上）を押して、新しいタブを追加する。
３．新しいタブの名前を聞いてくるので、名前を入力する。（図の右下）
４．あら不思議、P5エディタに入力した名前のついたタブが出現。（図の左下）
５．あとは普通に作業すればOK
本論－We need a loop !
なので、今後ファイルを分けてアプレット起動ページを作ることにしました。
ただ、ファイルを分ける手順がちょっとややこしいんで、あらかじめ解説しておきます。
１．アップレット起動ページに張ってあるSourceCodeのリンクエントリーが複数になります。
（図の右上）
２．P5で普通にやると一つのタブが出来て、一つのファイルしか編集できないけど、タブペインの
矢印ボタン（図の左上）を押して、新しいタブを追加する。
３．新しいタブの名前を聞いてくるので、名前を入力する。（図の右下）
４．あら不思議、P5エディタに入力した名前のついたタブが出現。（図の左下）
５．あとは普通に作業すればOK
本論－We need a loop !
// 前と同じで、やるべきことは二つの関数を用意すること
// あとはKAMEコマンドを呼ぶだけ
// あとはKAMEコマンドを呼ぶだけ
void setup(){
void draw() {
size(300,300); //窓の大きさは３００×３００
}void draw() {
kami(128,220,198); //緑が強めの青緑の紙
iro(128,220,198); //紙と同じ色！！
saisho(mouseX, mouseY); //書き始めはマウスの【現在】位置
for (int len=0;len<90;len++) { //０から９０までlenを増やしながら
}iro(128,220,198); //紙と同じ色！！
saisho(mouseX, mouseY); //書き始めはマウスの【現在】位置
for (int len=0;len<90;len++) { //０から９０までlenを増やしながら
akarusa(len*2.6); //明るさ（明度）だけ変化させて書く
mae(len); //線を書きながらlenだけ前に進む
migi(73); //右に７３°向く
}mae(len); //線を書きながらlenだけ前に進む
migi(73); //右に７３°向く
ここまでを【Uzumaki】にコピペし、追加分のKAMEのスクリプトを上を参考に【KAME】にコピペすれば
とりあえず明るさ（明度）も変化する渦巻きを見れる。
本論はここから
繰り返しは、
for(【最初に行うこと】;【繰り返しを続ける条件】;【繰り返しごとに最後にすること】){
上の例では、
【最初に行うこと】は、int len=0。
整数（・・・-1000,..-1,0,1,2,....,10000・・・）の値を保持するlenという名前の変数を作り、
まずはその値をゼロにする。
【繰り返しを続ける条件】は、len<90。
変数lenが９０より小さいあいだ。（最初はゼロだから繰り返しは続く）
【繰り返しごとに最後にすること】は、len++。
変数lenをカウントアップ。（len=len+1でもlen+=1でもおんなじ。ちなみにlen--はカウントダウン）
【繰り返したいこと】は、mae(len)とmigi(73)。
前にlen歩進んで右に７３°の方向を向く。（akarusaはとりあえず無視）
こんだけ
繰り返しのおかげで、
mae(０);migi(73);mae(1);migi(73);・・・・mae(89);migi(73);（９０回コピペと修正！！）
なんてことをしなくてもすんでしまう。
なお、日本語サポートサイトからたどれるP5インフォメーション→言語が参考になる。
（解説してあるのは一昔前の版だから注意が必要だけど、loop()→draw()の読み替えだけで大抵OK）
例題集は習作集と区別するためにこちらに置いた。
次は、【条件分岐とKAMEコマンドの解説】
とりあえず明るさ（明度）も変化する渦巻きを見れる。
本論はここから
繰り返しは、
for(【最初に行うこと】;【繰り返しを続ける条件】;【繰り返しごとに最後にすること】){
【繰り返したいこと】
}
のように記述する。}
上の例では、
【最初に行うこと】は、int len=0。
整数（・・・-1000,..-1,0,1,2,....,10000・・・）の値を保持するlenという名前の変数を作り、
まずはその値をゼロにする。
【繰り返しを続ける条件】は、len<90。
変数lenが９０より小さいあいだ。（最初はゼロだから繰り返しは続く）
【繰り返しごとに最後にすること】は、len++。
変数lenをカウントアップ。（len=len+1でもlen+=1でもおんなじ。ちなみにlen--はカウントダウン）
【繰り返したいこと】は、mae(len)とmigi(73)。
前にlen歩進んで右に７３°の方向を向く。（akarusaはとりあえず無視）
こんだけ
繰り返しのおかげで、
mae(０);migi(73);mae(1);migi(73);・・・・mae(89);migi(73);（９０回コピペと修正！！）
なんてことをしなくてもすんでしまう。
なお、日本語サポートサイトからたどれるP5インフォメーション→言語が参考になる。
（解説してあるのは一昔前の版だから注意が必要だけど、loop()→draw()の読み替えだけで大抵OK）
例題集は習作集と区別するためにこちらに置いた。
次は、【条件分岐とKAMEコマンドの解説】
