2 車を描いてみよう

このプロジェクトでは，Squeakの基本操作の練習をします． Squeak以外の環境に慣れている人にとって，最初はSqueak特有の操作方法に戸惑うかもしれません． しかし，Squeakでは全てのものが「オブジェクト」として扱われており，一貫性のある操作環境が提供されているので，操作を習得するのは非常に容易です．

一通りSqueakの基本操作に慣れたら，「ペイントツール」を使って車の絵を描いてみましょう． これからテキストで取り組むプロジェクトで使うので，愛着のもてるかわいい絵だといいですね．

プログラミングに関するキーワード

• オブジェクト

Squeakに関するキーワード

• フラップ
• ハロ
• プロジェクト
• ペイントツール
• ワールドメニュー
• 保存

2.1 フラップ

M先生

まずはSqueakで遊んでみよう．Squeakは起動してる？

Ｓくん

起動しました．

Ｔさん

目が動くSqueakのロゴと，周りにタブのようなものがあります．

M先生

それが，Squeakの初期画面だ．そのタブのようなものを「 フラップ 」という． フラップは，Squeakで使用する様々な道具や部品が収められている引き出しのようなものだ． フラップにはいろいろな種類があって，様々なものが収められている．

M先生

フラップは，クリックすると引き出すことができるよ．例えば，「部品」というフラップをクリックしてみて．

Ｓくん

色々な部品がでてきました．

M先生

よろしい．部品の引き出し方については次のセクションで説明するね．なお，フラップは，ドラッグで引き出すこともできるよ．

Ｔさん

フラップを引き出したままだと邪魔ですね，フラップをたたむにはどうすればいいですか？

M先生

フラップをもう一度クリックするとたためるよ，ドラッグしてもＯＫだ．

2.2 オブジェクトとハロ

M先生

じゃあ，次にオブジェクトを出してみようか．

Ｓくん

先生，「オブジェクト」って何ですか？

M先生

オブジェクト とは，Squeak上で世界を構成する部品のことだよ． まずは部品フラップから「星オブジェクト」を取り出してみよう．オブジェクトの取り出しは，部品フラップからドラッグ＆ドロップでできるよ．

Ｓくん

こうですか？

M先生

よろしい．オブジェクトは，ドラッグして動かせるよ．

Ｔさん

面白いですね．

M先生

Squeakのオブジェクトは，動かす以外にも，大きさを変えたり，色を変えたりと，様々な操作を行うことができる．

Ｓくん

どうやってやるのですか？

M先生

オブジェクトに対する基本操作は「 ハロ 」を出すところから始まる．Alt（Macの場合はAppleキー）を押しながらオブジェクトをクリック してみてごらん．

Ｓくん

オブジェクトの周りにハンドルがいっぱい出てきました．

M先生

これらのハンドルのことをハロという．ハロには色が付いていて，色の名前でハロを呼ぶが多いので覚えておいて．例えば，黄色いハロは「黄ハロ（きはろ）」と呼ぶから．

Ｓくん

なぜハロという名前なんでしょうか？

Ｔさん

オブジェクトに後光（halo）が差したように見えるからですね？

M先生

その通り．S君は本当に英語がだめだね．

Ｓくん

すみません．勉強します．

M先生

では，最初に 黄ハロ を使ってみよう．黄ハロをドラッグしてみて．どうなるかな？

Ｓくん

大きさが変わりました．

M先生

そうだね．じゃあ 青ハロ をドラッグするとどうなる？

Ｓくん

回転します．

M先生

次は 緑ハロ を１回クリックしてから，マウスを動かしてごらん．

Ｔさん

星がコピーできました．

Ｓくん

すごいっー！

M先生

桃ハロ でそのオブジェクトを削除できる．この場合は，ドラッグではなく，ハロをクリックするだけでよい．

Ｓくん

ゴミ箱 にドラッグ＆ドロップしても消せますか？

M先生

もちろん．

Ｔさん

消してしまったものを元に戻すことはできますか？

M先生

ゴミ箱をダブルクリックしてごらん．

Ｓくん

あっ！ゴミ箱の中身が見えた！

Ｔさん

捨ててしまったオブジェクトを戻したい場合はゴミ箱の中から引っ張りだせばいいんですね．

M先生

ほかにも様々なハロがあるので，あとは自分でいじってハロを研究して欲しい． あと大事なことは，Squeakでは，全てのものがオブジェクトだということ．フラップも， ワールドも，ゴミ箱もオブジェクトなんだよ．ためしに，ハロをだしてみるとよいだろう．

Ｓくん

おもしろいですね．ゴミ箱を消してしまったらどうなるんだろ．．．

2.3 プロジェクト

M先生

これから色々な作品を作っていくんだけど， 1つの画面に色々な物を作っていくとごちゃごちゃになってしまうよね．そこで，もう1つ画面を作ろうと思う．

Ｓくん

分かりました．

M先生

Squeakの1つの画面は，「 プロジェクト 」という名前で呼ぶ． プロジェクトを新しく作成するには，「 ナビゲータ 」というフラップを開いて， 「新しいプロジェクトを作る」ボタンをクリックするんだ．やってごらん．

Ｓくん

何か出てきました．

M先生

それがプロジェクトだよ．できたプロジェクトをクリックするとプロジェクトの中に入れる．

Ｓくん

こうですね．

M先生

ナビゲータフラップの「前へ」をクリックすると前の画面に戻れる． ためしに，何か適当なオブジェクトを置いてから，前のプロジェクトに戻ってみよう．そうするとプロジェクトの中が見えるでしょ？

Ｓくん

星が置いてあるのが見えますね！

M先生

あと，プロジェクトの名前を変更しておこう．プロジェクトの名前をクリックすると入力できる状態になるからね．

Ｓくん

あっ，プロジェクトの中に入ってしまいました．

M先生

名前以外のところをクリックすると中に入ってしまうから注意してね．

Ｓくん

けっこうクリック位置が微妙ですねぇ…．

Ｔさん

先生，どんな名前にすればいいですか？

M先生

これから始めるのはproject1なので，project1という名前をつけておこう．

Ｓくん

了解です．

2.4 ペイントツール

M先生

さっきは星オブジェクトのような，はじめから用意されているオブジェクトで遊んだけど， 今度は ペイントツール でオブジェクトの絵を自分で描いてみようか．

Ｓくん

オブジェクトを自分で描けるんですか．すごいですね．

M先生

じゃあ，ナビゲータフラップにある筆の描いてあるボタンをクリックしてみて．パレットが表示されていれば絵が描ける状態だから．

Ｓくん

どこのプロジェクトで作業をすればいいですか？

M先生

さっき作ったproject1に入って作業をしてくれる？

Ｓくん

了解です．できました．

M先生

よろしい．それでは早速絵を描いてもらおうか．今回は上向きの車の絵にしてくれるかな．ちなみにペンの太さや色はパレットで変えられるよ．

Ｓくん

はい．描けました．

M先生

では，描いた絵をオブジェクトにしよう．パレットの「ほぞん」ボタンを押してみて．パレットが出ている間はお絵かきモードなので，描いた絵はまだオブジェクトになっていないから注意してね．

Ｓくん

「ほぞん」ボタンを押したらパレットが消えました．

M先生

パレットが消えたら，描いた絵はもうオブジェクトだから，移動やハロを使った操作ができるよ．

Ｔさん

あ，ほんとだ．

M先生

描いた絵のオブジェクトは最初「スケッチ」という名前になっている．たくさん増えてくるとややこしいので，描いたものはすぐに名前に変えておくとよい．名前を変えるには，ハロの下の名前をクリックするんだ．今回は「車」という名前に変えてみよう．

Ｓくん

わかりました．

M先生

描いた絵は灰色の 描き直しハロ を使うと描き直すこともできるよ．描き直しハロは自分で描いたオブジェクトにしかない特別なハロなんだ． 星オブジェクトには無いよね．

Ｓくん

ところで先生，描き直しで間違えてしまったのですが...

M先生

描き直したものを，取り消してオブジェクトに戻したい場合はパレットの「ちゅうし」ボタンを押す．

Ｓくん

元に戻りました．ふー，よかった．

2.5 作業結果の保存

Ｓくん

先生，作ったものを 保存 したいのですが．

M先生

そういえば，まだ保存を教えてなかったね．ESCキーを押してみてくれるかい．

Ｓくん

何か出てきました．

M先生

これを「 ワールドメニュー 」というんだ．「保存」という項目をクリックしてみて．

Ｓくん

マウスカーソルがペンマークになりました．

M先生

マウスカーソルがペンマークに変わっている間は保存中だから．しばらくすると，元のカーソルに戻るよ．

Ｓくん

ほんとだ．

Ｔさん

これまで作業したデータはSqueak.imageに保存されたんですね？

M先生

そうだよ．作業の続きをしたい時は，最初に教えたようにSqueak.imageをSqueak.exeにドラッグ＆ドロップすればいいんだ． Squeakに夢中になってしまうと保存するのを忘れがちになる．こまめに保存することを忘れないようにね．

Ｓくん

気をつけます．

Ｔさん

先生，ワールドメニューは他にも色々なことができそうですね．

M先生

そうだね．研究してみるとよいね．