Microsoft PowerPoint - 03Scratchㆮæfi“作説柔＋間帅è³⁄挎；.pptx

Transcription

1 3 Scratch の操作説明 1. Scratch を試そう!! 第 12 回九工大わくわく科学教室一番はじめのプログラミング 2016 年 12 月 3 日 パソコンを使います 内容 3 ウェブブラウザ 4 1. Scratch 公式ウェブサイトにアクセスする 検索サイト (Google など ) から 直接アクセス 2. プログラムを作る 3. プログラムに名前をつける 4. 手元のコンピュータにダウンロード 5. 手元のコンピュータからアップロード ウェブブラウザを起動して Scratch を利用する ウェブブラウザは下記のようなアイコンをクリックして起動できる Internet Explorer Chrome Firefox Safari パソコン起動時の画面 5 ブラウザ (Chrome) の起動 6 1

2 7 ブラウザ Chrome の起動画面 8 Scratch公式ウェブサイトにアクセス 1/3 Googleなどの検索画面 9 Scratch公式ウェブサイトにアクセス 2/3 10 Scratch公式ウェブサイトにアクセス 3/3 scratch を入力する Scratch Imagine, Program, Share をクリックする Scratch公式ウェブサイト 11 プログラムを作ろう 1/9 12 作る をクリックする をクリックする 2

3 プログラムを作ろう 2/9 13 プログラムを作ろう 3/9 14 (1) イベント をクリックする (2) がクリックされたとき をドラッグして プログラムを作ろう 4/9 15 プログラムを作ろう 5/9 16 (4) 見た目 をクリックする (5) Hello!と言う をドラッグして がクリックされたとき の下 につなげる (3)スクリプトエリアにおく プログラムを作ろう 6/9 17 プログラムを作ろう 7/9 18 (6) をクリックする プログラム完成 Hello! が表示された 3

4 プログラムを作ろう (8/9) (7) をクリックする 19 プログラムを作ろう (9/9) 20 (2) をクリックする Hello! が消える (1) 別の言葉をためそう!! Hello! でなく みんなの名前を入力してみよう! できた? プログラムが終了した プログラムに名前をつけよう (1/2) 21 プログラムに名前をつけよう (2/2) 22 Untitled を消して プログラムの名前を入力する 例えば Hello! と言うプログラム と入力する プロジェクトのアップロードとダウンロード Scratch では パソコンに保存されているプロジェクトを読み込む ( アップロード ) 作成したプロジェクトを利用しているパソコンに保存 ( ダウンロード ) できる ただし ブラウザをシークレットモードで利用している場合はダウンロードできない 23 プロジェクトのアップロードとダウンロード アップロードとダウンロードについて ブラウザアップロードダウンロード 通常モード ( 非シークレットモード ) シークレットモード 24 4

5 ウェブブラウザ オフラインエディターサインイン有 無によるメニューの違い 25 手元のコンピュータにダウンロード (1/4) ウェブブラウザ利用の場合は 非シークレットモードでダウンロードする 26 Scratch のユーザ登録をすると 異なるメニューになる オフラインエディターはウェブブラウザと 異なるメニューになる オフラインエディター利用の場合は 手元のコンピュータにダウンロード でなく 名前をつけて保存 を選ぶ ウェブブラウザ利用サインイン無し ウェブブラウザ利用サインイン有り オフラインエディター 手元のコンピュータにダウンロード (2/4) (1) ファイル - 手元のコンピュータにダウンロード をクリックする 27 手元のコンピュータにダウンロード (3/4) ファイルの保存場所を適切に選ぶ ファイル名は デフォルトでは プロジェクト名.sb2 となるが変更しても良い 28 (2) 保存場所とファイル名を確認し 必要に応じて変更する (3) 保存をクリックする 手元のコンピュータにダウンロード (4/4) 29 Scratch( ブラウザ ) の終了 (1/2) 30 プロジェクトがファイルとして保存される をクリックする 5

6 31 Scratch( ブラウザ ) の終了 (2/2) もう一度 Scratch を起動しよう できるかな? Scratch の起動 作る をクリックする 33 手元のコンピュータからアップロード (1/7) オフラインエディター利用の場合は 手元のコンピュータからアップロード でなく 開く を選ぶ 34 手元のコンピュータからアップロード (2/7) 35 手元のコンピュータからアップロード (3/7) 36 sb2 ファイルが保存されているフォルダに移動する 開きたい sb2 ファイルを選択する (1) ファイル - 手元のコンピュータからダウンロード をクリックする (2) 開きたいファイルを選択する (3) 開くをクリックする 6

7 37 手元のコンピュータからアップロード 4/7 38 手元のコンピュータからアップロード 5/7 プロジェクトが読み込まれる (4)現在のプロジェクトを置き換えるか質問される 置き換える場合は OK をクリックする 39 手元のコンピュータからアップロード 6/7 40 手元のコンピュータからアップロード 7/7 をクリックする Hello! が表示された さっきと同じ動作になった? Scratchの画面構成 42 ステージ 2. Scratchを学ぼう スクリプトエリア パソコンは使いません スプライトリスト ブロックパレット 7

8 スプライト 43 ステージ 44 スプライト = 着せ替え自由のキャラクター画像 ステージ = スプライトが動き回る舞台 スプライトを動かす スプライトの見かけを変化する ステージと座標 45 スクリプト 46 ステージの大きさは横幅 480 画素 縦幅 360 画素 480 画素 スクリプト = 俳優 スプライト のための台本 240, , , 180 Y 座標 240, X 座標 0, 0 240, 画素 240, , , 180 ブロック 47 ブロック 48 ブロック = 命令 10 グループに分かれている グループ名説明ブロック数 動きスプライトを右や左に動かしたり 回転させたりするブロックのグループ 17 見た目 スプライトにセリフを言わせたり 表示したり隠したりするブロックのグループ 19 音音の種類を変えたり 音の大きさを変えたりするブロックのグループ 13 ペンステージに何かを書いたりするブロックのグループ 11 データ 変数 を作ったり それに関係する操作をするブロックのグループ - イベント何かのできごとをきっかけにプログラムを動かすブロックのグループ 8 制御どのブロックを実行するかを思い通りにするためのブロックのグループ 11 調べるスプライトやキーボードの状態などを調べるブロックのグループ 20 演算計算をするためのブロックのグループ 17 その他上記に当てはまらないブロックのグループ - 合計 116 8

9 動き (1/2) 49 動き (2/2) 50 方向の種類 51 見た目 (1/2) 52 見た目 (2/2) 53 音 (1/2) 54 9

10 音 (2/2) 55 ドラムの種類 種が用意されている (1) スネアドラム (10) ウッドブロック (2) バスドラム (11) カウベル (3) サイドスティック (12) 三角形 (4) クラッシュシンバル (13) ボンゴ (5) オープンハイハット (14) コンガ (6) 閉じたハイハット (15) カバサ (7) タンバリン (16) ギロ (8) 拍手 (17) ビブラスラップ (9) クラーベ (18) オープンクイーカ ペン 57 イベント 58 キーの種類 59 制御 60 キーボードにあるキーを利用できる スペース 上向き矢印 下向き矢印 右向き矢印 左向き矢印 any a, b,, z 0, 1,, 9 10

11 調べる (1/2) 61 調べる (2/2) 62 演算 (1/2) 63 演算 (2/2) 64 ブロックの操作 ブロックの操作 パソコンを使います ブロックをつなげる ブロックをはなす ブロックを移動する ブロックに入力する ブロックにブロックをはめ込む ブロックを複製 ( コピー ) する ブロックを削除する ブロックのドロップダウンから選ぶ スプライトの実行と中止方法 11

12 ブロックをつなげる 1/3 67 ブロックの凹凸に注意する パズルみたいなもの Stack block Hat block Boolean block Reporter block つなげられる ブロックをはなす 69 はなしたい下側のブロックをドラッグアンドド ロップする 下側にドラッグする ブロックがはなれる 71 ブロックの白い部分をクリックすると キーボー ドで文字や数字を入力できる 文字や数字を 入力する ブロックを移動する 70 ブロックにブロックがはめ込まれた部分をドラッグする と はめ込まれた部分だけが移動する はなされる ブロックがはなれる 黒く反転する つなげられない 一番上のブロックをドラッグする 下側にドラッグする ブロックに入力する 白い部分を クリックする 68 ブロックの凹凸に注意する パズルみたいなもの Cap block C Block ブロックをつなげる 3/3 一番上のブロックを クリックする ブロックの影が できる ドラッグして 移動する 72 ブロックにブロックをはめ込む 1/3 ブロックのすきまにブロックをはめ込む C 型のすきま ブロックを近づける ブロックのすきまに ブロックをはめ込む 12

13 73 ブロックにブロックをはめ込む 2/3 ブロックのくぼみにブロックをはめ込む ブロックのくぼみ ブロックを近づける 74 ブロックにブロックをはめ込む 3/3 ブロックのくぼみにブロックをはめ込む ブロックのくぼみに ブロックをはめ込む ブロックの白い部分 75 ブロックを複製 コピー する 作成したブロックと同じブロックを複製できる コピーしたいブロックを右クリックして 複製 を選ぶ コピーされたブロックがマウスカーソルにくっつ いているため 置きたい場所で左クリックする ブロックを近づける ブロックの白い部分に ブロックをはめ込む ブロックを削除する 76 不要なブロックを削除する ブロックを右クリックして 削除 を選ぶ 複製された ブロック ブロックを 右クリックする 削除したいブロックを 右クリックする メニューから 複製 を選ぶ 77 ブロックのドロップダウンから選ぶ ブロックには いくつかの項目から内容を選べる ものがある 右側の マークをクリックして 表示された中か ら使うものを選ぶ メニューから 削除 を選ぶ ブロックが削除される スプライトの実行と中止方法 78 ブロックをクリックすると実行される もう一度 ブロックをクリックすると実行が中止される をクリックすると実行される をクリックすると実行が中止される クリックして実行 クリックして中止 マークを クリックする メニュー から選ぶ ブロックを クリックする 実行される 13

14 ブロックの整理 79 スクリプトエリアのブロック以外の場所で 右クリックしてメニューから clean up を選択する 自動的にブロックが整理される 4. アニメーションにチャレンジ ブロック以外の場所で右クリックする メニューから clean up を選ぶ ブロックが整理される パソコンを使います アニメーションにチャレンジ 81 スプライトを動かそう (1/4) 82 スプライトを動かす スプライトを追加する コスチュームを変更する 歩動かす (4) フラッグマーク をクリックする (1) イベント 内のブロック (2) 動き 内のブロック (3) 10 を入力する スプライトを動かそう (2/4) 歩動かす何か変わった? 83 スプライトを動かそう (3/4) 歩動かす 84 スプライトが 10 歩右に移動している 14

15 スプライトを動かそう 4/4 歩動かす 歩とは? 10歩 10画素 (2) フラッグマーク をクリックする スプライト 画像 は画素 ピクセル ドット の集ま り 1歩動かす は 1画素移動する こと 13 13画素 1画素 (1) 数字をかえてみよう!! 動いた? 87 スプライトを追加しよう 1/8 88 スプライトを追加しよう 2/8 Sprite1のスクリプト 下側にスクロールする キャラクターをクリックする 89 スプライトを追加しよう 3/8 90 スプライトを追加しよう 4/8 Gobo をクリックする Goboが追加された 15

16 91 スプライトを追加しよう 5/8 92 スプライトを追加しよう 6/8 Goboのスクリプト 実行しよう!! Goboのスクリプトを作成する 93 スプライトを追加しよう 7/8 94 スプライトを追加しよう 8/8 スプライト毎に異なるスクリプトを作成できる 何か変わった? コスチュームを変更しよう 1/4 95 コスチューム をクリックする コスチューム Cat 96 Catは二つのコスチューム が用意されている 16

17 コスチューム (Cat) 97 コスチューム (Gobo) 98 2 をクリックすると Gobo は三つのコスチュームが用意されている 絵が変わる コスチュームを変更しよう (2/4) 99 コスチュームを変更しよう (3/4) 100 スクリプトでコスチュームを変更する 実行しよう!! ブロック 次のコスチュームにする を挿入する コスチュームを変更しよう (4/4) 101 注意事項 102 休憩するときは パソコンのフタを閉じて下さい どうなった? 17