welcome: please sign in
location: "etoysタートルグラフィックス"の差分
1と28のリビジョン間の差分 (その間の編集: 27回)
2010-03-08 00:20:38時点のリビジョン1
サイズ: 274
編集者: masahiko
コメント:
2011-05-14 13:13:42時点のリビジョン28
サイズ: 2381
編集者: masahiko
コメント:
削除された箇所はこのように表示されます。 追加された箇所はこのように表示されます。
行 1: 行 1:
== etoys入門1 ==
 Smalltalk :: オブジェクト指向言語の元祖
 Squeak :: オープンソースのSmalltalk
 Etoys :: Squeak上でGUIプログラミング
## page was renamed from etoys入門1
#acl All:
== タートルグラフィックス ==

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

LOGOという言語でカメを使って説明されたことから、
タートルグラフィックスと呼ばれています。

ここでは、1つのスクリプトを1回実行するだけで描けるものを考えます。
行 6: 行 12:
=== 起動 === 今回は絵を1つだけ描いてください。
向きがはっきり分かるものにすること。
 . {{attachment:turtle01.png}}
行 8: 行 16:
=== お絵かき === === 名前の修正 ===
中ボタンでクリックし'''ハロ'''を表示します。

部品(オブジェクトと呼びます)の名前は下中央に表示されます。
 . 最初は'''スケッチ'''になっています。
 . この部分をクリックし、新しい名前を入力します。
 . {{attachment:turtle04.png}}
 . うさぎに変更しました。
行 10: 行 25:
=== ハロ === === 中心位置と移動方向の修正 ===
'''ハロ'''を表示すると
オブジェクトの中心付近に'''青い丸'''と'''緑の矢印'''が表示されます。
 . '''青い丸'''は回転するときの中心位置です。
 . 移動にともなって線を引くときにも、この位置が使われます。
 . 修正するにはシフトキーを押しながら青い丸をドラッグします。
 . {{attachment:turtle02.png}}
 . '''緑の矢印'''は進むときの方向です。
 . 修正するにはシフトキーを押しながら矢印の先をドラッグします。
 . {{attachment:turtle03.png}}
行 13: 行 38:
目の形のハロをクリックすると画面右にビューアが表示されます。
このボタンを押すとスクリプトが1回実行されます。
 . {{attachment:usagi02.png}}

 . {{attachment:turtle05.png}}
 . {{attachment:turtle06.png}}
 . {{attachment:turtle07.png}}
 . {{attachment:turtle08.png}}
 . {{attachment:turtle09.png}}
 . {{attachment:turtle10.png}}
 . {{attachment:turtle11.png}}
 . {{attachment:turtle12.png}}
 . {{attachment:turtle13.png}}
 . {{attachment:turtle14.png}}
 . {{attachment:turtle15.png}}
 . {{attachment:turtle16.png}}
 . {{attachment:turtle17.png}}
 . {{attachment:turtle18.png}}
 . {{attachment:turtle19.png}}
 . {{attachment:turtle20.png}}
 . {{attachment:turtle21.png}}

タートルグラフィックス

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

LOGOという言語でカメを使って説明されたことから、 タートルグラフィックスと呼ばれています。

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


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

  • turtle01.png


名前の修正

中ボタンでクリックしハロを表示します。

部品(オブジェクトと呼びます)の名前は下中央に表示されます。

  • 最初はスケッチになっています。

  • この部分をクリックし、新しい名前を入力します。
  • turtle04.png

  • うさぎに変更しました。


中心位置と移動方向の修正

ハロを表示すると オブジェクトの中心付近に青い丸緑の矢印が表示されます。

  • 青い丸は回転するときの中心位置です。

  • 移動にともなって線を引くときにも、この位置が使われます。
  • 修正するにはシフトキーを押しながら青い丸をドラッグします。
  • turtle02.png

  • 緑の矢印は進むときの方向です。

  • 修正するにはシフトキーを押しながら矢印の先をドラッグします。
  • turtle03.png


スクリプト

目の形のハロをクリックすると画面右にビューアが表示されます。 このボタンを押すとスクリプトが1回実行されます。

  • usagi02.png

  • turtle05.png

  • turtle06.png

  • turtle07.png

  • turtle08.png

  • turtle09.png

  • turtle10.png

  • turtle11.png

  • turtle12.png

  • turtle13.png

  • turtle14.png

  • turtle15.png

  • turtle16.png

  • turtle17.png

  • turtle18.png

  • turtle19.png

  • turtle20.png

  • [添付]

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