welcome: please sign in
location: "etoysタートルグラフィックス"の差分
35と42のリビジョン間の差分 (その間の編集: 7回)
2011-05-14 14:04:43時点のリビジョン35
サイズ: 1044
編集者: masahiko
コメント:
2011-05-15 06:25:04時点のリビジョン42
サイズ: 2651
編集者: masahiko
コメント:
削除された箇所はこのように表示されます。 追加された箇所はこのように表示されます。
行 7: 行 7:
LOGOという言語でカメを使っ説明されたことから、 LOGOという言語でカメのロボット動かし実践されたことから、
行 29: 行 29:
=== スクリプトの作成 === === 例1 ===
図のように進むスクリプトを考えます。
 . {{attachment:turtle03.png}}
 . 矢印で示した線の長さは100とします。
次の3つの動作を順に行えばよい。
 . 前へ100進む
 . 右へ90度曲がる
 . 前へ100進む
これをスクリプトにまとめるとこのようになります。
 . {{attachment:turtle04.png}}
ビューアで'''ペンの使い方'''カテゴリを表示し、
'''ペンがおりているか'''の値を'''はい'''にします。
 . {{attachment:turtle05.png}}
この後、作成したスクリプトの{{attachment:usagi02.png}}を押して実行してみましょう。
 . {{attachment:turtle06.png}}
 . 移動した跡に線が引かれます。
横を向いている状態で実行した場合は
 . {{attachment:turtle07.png}}
このようになります。
 . {{attachment:turtle08.png}}
斜めを向いていたら
 . {{attachment:turtle09.png}}
このようになります。
 . {{attachment:turtle10.png}}
{{attachment:usagi02.png}}を2回行うとこのようになります。
 . {{attachment:turtle11.png}}
ビューアで'''入れ物のペン軌跡を全部消す'''を
{{attachment:usagi02.png}}で実行すれば、線が消えます。
----
=== 例2 ===
図のように進むスクリプトを考えます。
 . {{attachment:turtle12.png}}
スクリプトは同様に書けます。
 . {{attachment:turtle13.png}}
とんぼが上を向いた状態で実行すると
 . {{attachment:turtle01.png}}
このようになります。
 . {{attachment:turtle14.png}}
----

タートルグラフィックス

オブジェクトが動いた跡を残すことで、絵を描くことができます。

LOGOという言語でカメのロボットを動かして実践されたことから、 タートルグラフィックスと呼ばれています。

ここでは、1つのスクリプトをusagi02.png1回実行するだけで描くことを考えます。


オブジェクトの準備

絵を1つだけ描いてください。 向きがはっきり分かるものにすること。

  • turtle01.png

名前をつけること。

  • とんぼ にしました。

中心位置と移動方向を調整すること。

  • turtle02.png

中心位置が移動した跡が残るようになります。 絵の端など、分かりやすい位置に設定するとよい。

  • 中心位置を しっぽの先 に
  • 移動方向を 上 にしました。


例1

図のように進むスクリプトを考えます。

  • turtle03.png

  • 矢印で示した線の長さは100とします。

次の3つの動作を順に行えばよい。

  • 前へ100進む
  • 右へ90度曲がる
  • 前へ100進む

これをスクリプトにまとめるとこのようになります。

  • turtle04.png

ビューアでペンの使い方カテゴリを表示し、 ペンがおりているかの値をはいにします。

  • turtle05.png

この後、作成したスクリプトのusagi02.pngを押して実行してみましょう。

  • turtle06.png

  • 移動した跡に線が引かれます。

横を向いている状態で実行した場合は

  • turtle07.png

このようになります。

  • turtle08.png

斜めを向いていたら

  • turtle09.png

このようになります。

  • turtle10.png

usagi02.pngを2回行うとこのようになります。

  • turtle11.png

ビューアで入れ物のペン軌跡を全部消すusagi02.pngで実行すれば、線が消えます。


例2

図のように進むスクリプトを考えます。

  • turtle12.png

スクリプトは同様に書けます。

  • turtle13.png

とんぼが上を向いた状態で実行すると

  • turtle01.png

このようになります。

  • turtle14.png


etoysタートルグラフィックス (最終更新日時 2012-05-09 13:06:59 更新者 masahiko)