welcome: please sign in
location: "etoysタートルグラフィックス"の差分
22と23のリビジョン間の差分
2010-04-16 07:43:30時点のリビジョン22
サイズ: 3053
編集者: masahiko
コメント:
2010-04-16 07:53:23時点のリビジョン23
サイズ: 3329
編集者: masahiko
コメント:
削除された箇所はこのように表示されます。 追加された箇所はこのように表示されます。
行 42: 行 42:
z:ドライブのetoysフォルダの中に、'''プロジェクト名.連番.pr'''の名前で保存されます。
行 44: 行 45:
=== 名前の修正 ===
中ボタンでクリックし'''ハロ'''を表示すると、そのオブジェクトの名前表示されます。
 . 最初はスケッチなどの名前になっています。
=== 名前、中心位置、移動方向の修正 ===
中ボタンでクリックし'''ハロ'''を表示しま

部品(
オブジェクトと呼びます)の名前は下中央に表示されます。
 . 最初は'''スケッチ'''になっています。
行 49: 行 52:
----
=== 中心位置と移動方向の調整 ===
'''ハロ'''を表示したとき、その
オブジェクトの中心付近に'''青い丸'''と'''緑の矢印'''が表示されます。

オブジェクトの中心付近に'''青い丸'''と'''緑の矢印'''が表示されます。
行 53: 行 55:
 . 移動にともなって線を引くときにも、この位置が使われます。
 . シフトキーを押しながら青い丸をドラッグして修正しましょう。
 . {{attachment:turtle03.png}}
行 54: 行 59:
 . シフトキーを押しながらドラッグして修正しましょう。
 . {{attachment:turtle03.png}}
 . シフトキーを押しながら矢印の先をドラッグして修正しましょう。

etoysタートルグラフィックス

基本的な使い方(前回の復習)

  • 起動と終了
  • プロジェクトの作成と保存
  • お絵かき

ハロとビューアを使った操作(新しい内容)

  • オブジェクトの状態
  • スクリプトの作成と実行

演習内容

絵を1つ描きます。 向きがはっきり分かる絵にすること。

描いた絵を動かすためのスクリプト(プログラム)を作成します。


起動

スタートメニューからスクイークetoysを選びます。

  • [添付]


プロジェクトの作成

↑はじめようが指している絵をクリックします。

  • [添付]

画面がクリアされ、「はじめようEtoys4」の表示が無くなります。

  • [添付]

プロジェクトに名前をつけておきます。


お絵かき

このボタンを押すと絵を描く画面になります。

  • [添付]

描き終ったらほぞんを押します。

  • [添付]

描き終わった絵は自由に配置することができます。

  • [添付]

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

  • turtle01.png


プロジェクトの保存

z:ドライブのetoysフォルダの中に、プロジェクト名.連番.prの名前で保存されます。

  • [添付]


名前、中心位置、移動方向の修正

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

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

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

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

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

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

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

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

  • シフトキーを押しながら矢印の先をドラッグして修正しましょう。
  • turtle04.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)