基礎プログラミングa 第11回（12/5)

(Basic Programing)

はじめに

前回の要約

Stagingモジュールを使った描画関数の使い方を学んだ
- 様々な描画オブジェクトを確認した。
- 例題を解いてみることを宿題とした。

補足解説メールの添付ファイルを取り巻く混乱

５ Staging モジュールを使った少し進んだScalaプログラミング（２）

5.1 ～ 5.6 は前回扱った。
5.7 インタラクション

5.8 for を使った繰り返し

縦並びの九々

応用（２重のループの練習）

九九の表（のようなもの）
```
  2×2=4
  2×3=6
  　：
  　：
  9×9=81
```
２重ループの書き方例

これを表示するプログラム例：

  for(i<-2 to 8 ; j<-2 to 8)
  	println(i+"×"+j+"=...")

表として２次元に印字したければ、
forを二重に使って

九々の表のイメージ
```
  for(i<-1 to 5) {
  	    for(j<-1 to 5)
  	        print(i+"×"+j+"=... ")
      println("")
  }	// このブレースは重要
```
- それぞれの乗算項目ごとに改行しては表にならないので、改行を前提とした関数 println ではなく print を使い、
改行のさせ方
- １つの段が終わるごとに、別途 println を呼んで改行させることになる。

注）この場合は前述のような１つのforにまとめる書き方はできない。

5.9 例題集について補足：

直線で曲線円を三角に1 円を三角に2

３は arc のようなメソッドを使わず、直線だけで構成します（上図）。
８～１２は前述のように２重のループで i と j を変化させて書きます。
- このような記述になる筈。
７は長方形を描いてからそれを回転（rotate関数）させたもの（右下図）です。

長方形を回転
１３は roundRectangle を使ったものです。
　　　　radiusX radiusy といったパラメータを変化させると形も変わります
解答例も用意しました（自分で頑張ってみた後で確認のため見て下さい）。

5.10 いろんな図形を描いてみる（２）

市松模様

使う構文 if ～ else
演算子 % 整数の剰余
解説は別ページ

プログラム実演例

ｰｰｰ (以下 5.11 ～ 5.13節は各自読んでおいて下さい）

5.11 色の指定（まとめ）

a 色の表現

線の色を指定する setPenColor(green) など
色を表す値として、

普通の（色を表す）英単語が　リファレンスに pre-defineされたものとして列挙されていて、
　プログラム中に変数や定数と同様に使える。
HTMLのSVG規格で使われる色名が
w3.orgのページに書かれている。
　これは Stagngリファレンスにあるように
　namedColor(“mediumaquamarine”) のように文字列をnamedColor関数に渡して使う。

等が使えるが、自分でRGB値を指定してcolor関数で作ることもできる。

その他、色について

閉図形には setFillColor(色名) も使える

複数の色を入れ替わりで使う方法：

  val colors=Array(red,green,blue,brown)
  for(i<- ....)
      setPenColor(colors(i%colors.length))

色を自由に作る

  color（r,g,b)	//r,g,b はそれぞれ 0 ～ 255の間の値

グラデーション

  grayColors()
  lerpColor(from,to,amount)
      // from to に色名を指定し
      // amountには ０と１の間の数値（実数）を与える

5.12 オブジェクトとしての描画関数

以前に、レシーバなしの関数呼出（forward()など）ではなく、
タートル t に対してメソッド呼出（t.forward() などの形）で呼び出したのと同様に、
描画関数の返す値（オブジェクト）を変数に記憶しておいて、
そのオブジェクトをレシーバ（ピリオドの左側）としてメソッドを呼び出すことができる。
メソッドとして、すでに描画した図形の、形や色を変える機能がいくつかある。

val c=s.circle(0,0,100)
animate{
	c.translate(-1,0)			// オブジェクトを相対移動
}
// 描画関数はオブジェクトを値として返す
// オブジェクトに様々なメソッドが使える

// 描画オブジェクトの属性を後から（メソッド呼び出しで）変更する例
val s=Staging
val c=s.circle(0,0,100)
c.setPenColor(blue)
c.setFillColor(yellow)

他に、rotate() ; 原点を中心に回転させる、scale() ；サイズを伸縮させる、
といったメソッドもある。

5.13 乱数を使ってみる

loop {
	val x=random(100)
	val y=random(100)
	circle(x,y,20)
	Thread.sleep(1000)
}

練習

（今日の内容をもとに、各自取り組んでみて下さい）

例題集（前回その前半を扱った）の、
続き（７～１２）をやってみる。
5.10 節に沿って、市松模様を描く（要提出）
- これを今回の提出課題としておきます。
  
  以下は、来週扱います。
サイコロ（の役割を果たすプログラム）を作ってみる。
例えば、ボタンを押してる間転がり続ける（代わりに、画面上に表示された数字が変る）

以下は来週扱うこととします。

データの集合体を扱う

=> 解説は別ページ
（実演したサンプルのページも参照）

以下の課題も、来週扱います。

「データの集合体を扱う」の章を参考に、
for式（yieldを使う）を使って生成した複数の描画オブジェクト（の集合体）を
後から操作することで、動きのある画面を作ってみる。

（資料ページに反映することが遅れたため先行して取り組んでみた方もいるかと思いますが、やってみた人はそれも含めて提出してみて下さいね）

基礎プログラミングa 第11回 （12/5)