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

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

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

ここでは、1つのスクリプトを1回実行するだけで描けるものを考えます。
行 6: 行 12:
=== 起動 ===
スタートメニューから'''スクイークetoys'''を選びます。
 . {{attachment:startmenu.png}}
起動したら<<Color(orange:↑はじめよう)>>が指している絵をクリックします。
 . {{attachment:start1.png}}
名前が'''名無し'''になっていることを確認してから次を行います。
=== オブジェクトの準備 ===
絵を1つだけ描いてください。
向きがはっきり分かるものにすること。
 . {{attachment:turtle01.png}}

名前をつけること。

中心位置と移動方向を調整すること。
 . {{attachment:turtle02.png}}
中心位置が移動した跡が描かれます。
 . {{attachment:turtle03.png}}
 . 中心位置を エンピツの先 に
 . 移動方向を 左 にしました。
行 13: 行 27:
=== お絵かき ===
このボタンを押すと絵を描く画面になります。
 . {{attachment:paint1.png}}
描き終ったら'''保存'''を押します。
 . {{attachment:paint2.png}}
----
=== ハロ ===
描き終わった絵は自由に配置することができます。(左ボタン)
 . {{attachment:paint4.png}}
中ボタンでクリックすると絵のまわりに'''ハロ'''が表示されます。
 . {{attachment:paint5.png}}
----
=== スクリプト ===
=== スクリプトの作成 ===
行 27: 行 29:
 . {{attachment:tile1.png}}
ビューアからタイルを取り出してスクリプトを作成できます。
 . {{attachment:tile2.png}}
行 32: 行 31:
このボタンを使って繰り返し実行の設定ができます。
 . {{attachment:usagi08.png}}
どんなときに実行するかを指定することもできます。
 . {{attachment:script3.png}}
----
=== 演習 ===
絵を描いて配置しなさい。
 . 複数個の絵を配置してもよい。
行 41: 行 32:
スクリプトを2つ作成しなさい。
 . 1つはチクタクで繰り返し実行する
 . もう1つはマウスが入ったときに実行する

どのような組み合わせにすると、楽しい作品ができるか考えましょう。
 . {{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

名前をつけること。

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

  • 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)