アニメーション 年 組 番 氏名 スクラッチ テキスト１ 座標と初期値 スクラッチはだれでも簡単に使えるプログラミング言語です。

Presentation on theme: "アニメーション 年 組 番 氏名 スクラッチ テキスト１ 座標と初期値 スクラッチはだれでも簡単に使えるプログラミング言語です。"— Presentation transcript:

1 アニメーション 年 組 番 氏名 スクラッチ テキスト１ 座標と初期値 スクラッチはだれでも簡単に使えるプログラミング言語です。
スクラッチ　テキスト１　座標と初期値 アニメーション このテキストはオフライン版用です。 オンライン版とはスクラッチのレイアウトが多少異なります。 動作自体はほぼ同じです。 　スクラッチはだれでも簡単に使えるプログラミング言語です。 　このテキストで，ゲームを実行する方法，位置を指定する方法を勉強しましょう。 （　　　）年（　　　）組（　　　）番　氏名（　　　　　　　　　　　　　　　　　　　） 　　年　　　組　　　番 氏名　　　　　　　　　　　

2 １ スクラッチを始める スクラッチアイコンをダブルクリックします。 画面の名前を覚えましょう。 プレイ エリア スクリプト エリア
ひら １　スクラッチを始める スクラッチアイコンをダブルクリックします。 または，ＷＷＷブラウザで，スクラッチを開きます。 　　　　　 　　　　　「やってみる」をクリックします スクリプト タブ コスチューム タブ 音 タブ 画面の名前を覚えましょう。 画面の名前を復唱させる。 画面の名前を問い，答えさせる。 タブの名前を復唱させる。 タブの名前を問い，答えさせる。 プレイ エリア スクリプト エリア スプライト エリア

3 - - y + x x + y ２ 「ネコ」を動かす スプライトの「ネコ」を，プレイエリアの中でドラッグ＆ドロップしてみましょう。
２　「ネコ」を動かす 　スプライトの「ネコ」を，プレイエリアの中でドラッグ＆ドロップしてみましょう。 y + スプライトを動かしながら，XY座標の数値の変化に気付かせる。 スプライトを動かしながら， 「この位置ならＸはプラス，Yはマイナスです。 　では，この位置でＸは？Ｙは？」 などと問う。 - x + x - y

4 ３ スプライトの初期値を決める (1)イベントをクリックします。 (2)「動き」をクリックします。
３　スプライトの初期値を決める (1)イベントをクリックします。 　スクリプトウインドウに，「旗がクリックされたとき」をドラッグ＆ドロップします。 (2)「動き」をクリックします。 　スクリプトウインドウに動きの「Ｘ座標を○，Ｙ座標を○にする」をドラッグ＆ドロップし，「旗がクリックされたとき」と合体させます。 編集時と実行時の違いを確認する。 編集時はプログラムが止まっており，修正や追加ができる状態である。 実行時はプログラムが動いており，修正や追加はできない状態である。 「旗をクリックすると，プログラムが実行します。 　実行している間は，修正や追加ができません。 　実行している間は，スクリプトが白くなります」 （Ｘ：１００，Ｙ：８０）の位置に動くことを確認した後， （Ｘ：ー１００，Ｙ：ー８０）にしたとき，どこに動くか問う。 プレイエリアの左上をマウスで示し， 「この位置あたりに動かすために，Ｘはプラスですかマイナスですか？Ｙはプラスですかマイナスですか？」 と問う。 (3) Ｘ座標を１００にします。 　　Ｙ座標を ８０にします。 (4) 旗をクリックすると， 　（x:100,y:80）に動きます。

5 ４ スプライトを増やす 新しいスプライトの「新しいスプライトをファイルから選ぶ」をクリックすると，「スプライトライブツリー」が開きます。
４　スプライトを増やす (1) 　新しいスプライトの「新しいスプライトをファイルから選ぶ」をクリックすると，「スプライトライブツリー」が開きます。 (2) 　animal（アニマル）をクリックし，fish2（魚）をクリックし，OKをクリックします。 スプライトはたくさんの種類がある。 どれを使ってもかまわない。 後で変更することも可能である。 (3) スクリプトウインドウに， 「イベント」→ 　「旗がクリックされたとき」 「動き」→ 　「Ｘ座標を○， 　　Ｙ座標を○にする」 をドラッグ＆ドロップします。 　スプライトエリアに「魚」が表示されました。 　プレイエリアに「魚」が表示されました。 　スクリプトエリアには何も表示されていません。

6 ノート ５ スプライトをプログラムで動かす 6 「制御」→「ずっと」 「制御」→ 「○回繰り返す」 「動き」→ 「ｘ座標を○ずつ変える」
５　スプライトをプログラムで動かす 「制御」→「ずっと」 「制御」→ 「○回繰り返す」 「動き」→ 「ｘ座標を○ずつ変える」 「制御」→「ずっと」 の動きを見せた後， 「制御」→「３回繰り返す」 に変える。 動作の違いを予想させ，動きの違いを見せる。 「動き」→「ｘ座標を１０ずつ変える」 「動き」→「ｘ座標を－１０ずつ変える」 「旗」をクリックすると，魚が動きます。 「動き」→「ｙ座標を○ずつ変える」 「動き」→「ｙ座標を○ずつ変える」 「10」を「-10」に変えます。 「制御」→「○回繰り返す」 「動き」→「ｘ座標を○ずつ変える」 「10」を「-10」に変えます。 6

7 ６ スプライトがマウスについて動く スプライトエリアの「ネコ」をクリックし，「制御」→「ずっと」をドラッグ＆ドロップします。
６　スプライトがマウスについて動く 　スプライトエリアの「ネコ」をクリックし，「制御」→「ずっと」をドラッグ＆ドロップします。 (2) 　「動き」→「□へ行く」をドラッグ＆ドロップします。 (1) 「動き」→「スプライト２へ行く」 の動きを見せた後， 「動き」→「マウスポインターへ行く」 に変える。 動作の違いを予想させ，動きの違いを見せる。 「制御」→「ずっと」 (3) (4) 　旗をクリックすると，「ネコ」がマウスポインターについて動きます。 「□へ行く」の□をクリックし， 「マウスのポンタｰをクリックします。

8 See http://scratch.mit.edu.」 本文（あるいは本書）で使用している名称は、 一般に各社の登録商標及び商品名です。
Scratch is developed by the Lifelong Kindergarten Group at the MIT Media Lab. See 本文（あるいは本書）で使用している名称は、 一般に各社の登録商標及び商品名です。 文中の TM及び(C)マークは省略しております。 TOSS宮城　平間　晃