|
サイズ: 997
コメント:
|
サイズ: 1381
コメント:
|
| 削除された箇所はこのように表示されます。 | 追加された箇所はこのように表示されます。 |
| 行 1: | 行 1: |
| == etoys入門１ == Smalltalk :: オブジェクト指向言語の元祖 Squeak :: オープンソースのSmalltalk Etoys :: Squeak上でGUIプログラミング |
## page was renamed from etoys入門１ #acl All: == タートルグラフィックス == オブジェクトが動いた跡を残すことで、絵を描くことができます。 LOGOという言語でカメを使って説明されたことから、 タートルグラフィックスと呼ばれています。 ここでは、１つのスクリプトを{{attachment:usagi02.png}}で １回実行するだけで描くことを考えます。 |
| 行 6: | 行 13: |
| === 起動 === スタートメニューから'''スクイークetoys'''を選びます。 . {{attachment:startmenu.png}} 起動したら<<Color(orange:↑はじめよう)>>が指している絵をクリックします。 . {{attachment:start1.png}} 名前が'''名無し'''になっていることを確認します。 |
=== オブジェクトの準備 === 絵を１つだけ描いてください。 向きがはっきり分かるものにすること。 . {{attachment:turtle01.png}} 名前をつけること。 . とんぼ にしました。 中心位置と移動方向を調整すること。 . {{attachment:turtle02.png}} 中心位置が移動した跡が残るようになります。 絵の端など、分かりやすい位置に設定するとよい。 . 中心位置を しっぽの先 に . 移動方向を 上 にしました。 |
| 行 13: | 行 29: |
| === お絵かき === このボタンを押すと絵を描く画面になります。 . {{attachment:paint1.png}} 描き終ったら'''保存'''を押します。 . {{attachment:paint2.png}} ---- === ハロ === 描き終わった絵は自由に配置することができます。(左ボタン) . {{attachment:paint4.png}} 中ボタンでクリックすると絵のまわりに'''ハロ'''が表示されます。 . {{attachment:paint5.png}} ---- === スクリプト === |
=== 例１ === 図のように進むスクリプトを考えます。 . {{attachment:turtle03.png}} . 矢印で示した線の長さは１００とします。 次の３つの動作を順に行えばよい。 . 前へ１００進む . 右へ９０度曲がる . 前へ１００進む これをスクリプトにまとめるとこのようになります。 |
タートルグラフィックス
オブジェクトが動いた跡を残すことで、絵を描くことができます。
LOGOという言語でカメを使って説明されたことから、 タートルグラフィックスと呼ばれています。
ここでは、１つのスクリプトを
で １回実行するだけで描くことを考えます。
オブジェクトの準備
絵を１つだけ描いてください。 向きがはっきり分かるものにすること。
名前をつけること。
- とんぼ にしました。
中心位置と移動方向を調整すること。
中心位置が移動した跡が残るようになります。 絵の端など、分かりやすい位置に設定するとよい。
- 中心位置を しっぽの先 に
- 移動方向を 上 にしました。
例１
図のように進むスクリプトを考えます。
- 矢印で示した線の長さは１００とします。
次の３つの動作を順に行えばよい。
- 前へ１００進む
- 右へ９０度曲がる
- 前へ１００進む
これをスクリプトにまとめるとこのようになります。