3 Scratchの 操 作 説 明 1. Scratchを 試 そう!! 第 9 回 九 工 大 わくわく 科 学 教 室 一 番 はじめのプログラミング 2015 年 12 月 12 日 パソコンを 使 います 内 容 3 ウェブブラウザ 4 1. Scratch 公 式 ウェブサイトにアクセスする 検 索 サイト(Googleなど)から 直 接 アクセス https://scratch.mit.edu/ 2. プログラムを 作 る 3. プログラムに 名 前 をつける 4. 手 元 のコンピュータにダウンロード 5. 手 元 のコンピュータからアップロード ウェブブラウザを 起 動 して Scratchを 利 する ウェブブラウザは 下 記 のようなアイコンをクリックして 起 動 できる Internet Explorer Chrome Firefox Safari パソコン 起 動 時 の 画 面 5 ブラウザ(Chrome)の 起 動 6 1
7 ブラウザ(Chrome)の 起 動 画 面 Scratch 公 式 ウェブサイトにアクセス(1/3) 8 Googleなどの 検 索 画 面 Scratch 公 式 ウェブサイトにアクセス(2/3) 9 Scratch 公 式 ウェブサイトにアクセス(3/3) 10 scratch を する Scratch Imagine, Program, Share をクリックする Scratch 公 式 ウェブサイト 11 プログラムを 作 ろう(1/8) 12 作 る をクリックする をクリックする 2
プログラムを 作 ろう(2/8) 13 プログラムを 作 ろう(3/8) 14 (1) イベント をクリックする (2) がクリックされたとき をドラッグして プログラムを 作 ろう(4/8) 15 プログラムを 作 ろう(5/8) 16 (4) た 目 をクリックする (3)スクリプトエリアにおく (5) Hello!と 言 う をドラッグして がクリックされたとき の 下 に つなげる プログラムを 作 ろう(6/8) 17 プログラムを 作 ろう(7/8) 18 (6) をクリックする プログラム 完 成 Hello! が 表 示 された 3
プログラムを 作 ろう(8/8) 19 プログラムに 名 前 をつけよう(1/2) 20 (7) をクリックする Hello! が 消 える Untitled を 消 して プログラムの 名 前 を する プログラムが 終 了 した プログラムに 名 前 をつけよう(2/2) 例 えば Hello!と 言 う プログラム と する 21 プロジェクトの アップロードとダウンロード Scratchでは パソコンに 保 存 されているプロジェクトを 読 み 込 む(アップロード) 作 成 したプロジェクトを 利 しているパソコン に 保 存 (ダウンロード) できる 22 ただし ブラウザをシークレットモードで 利 し ている 場 合 はダウンロードできない プロジェクトの アップロードとダウンロード アップロードとダウンロードについて 23 ウェブブラウザ オフラインエディター サインイン 有 無 によるメニューの 違 い 24 ブラウザ アップロード ダウンロード 通 常 モード ( 非 シークレットモード) シークレットモード Scratchのユーザ 登 録 をすると 異 なるメ ニューになる オフラインエディター はウェブブラウザと 異 なるメニューになる ウェブブラウザ 利 サインイン 無 し ウェブブラウザ 利 サインイン 有 り オフラインエディター 4
手 元 のコンピュータにダウンロード(1/4) 25 手 元 のコンピュータにダウンロード(2/4) 26 ウェブブラウザ 利 の 場 合 は 非 シークレット モードでダウンロードする オフラインエディター 利 の 場 合 は 手 元 のコ ンピュータにダウンロード でなく 名 前 をつ けて 保 存 を 選 ぶ (1) ファイル - 手 元 のコンピュータにダウン ロード をクリックする 手 元 のコンピュータにダウンロード(3/4) ファイルの 保 存 場 所 を 適 切 に 選 ぶ ファイル 名 は デフォルトでは プロジェクト 名.sb2 となるが 変 更 しても 良 い 27 手 元 のコンピュータにダウンロード(4/4) プロジェクトがファイルとして 保 存 される 28 (2) 保 存 場 所 とファイル 名 を 確 認 し 必 要 に 応 じて 変 更 する (3) 保 存 をクリックする Scratch(ブラウザ)の 終 了 (1/2) 29 30 Scratch(ブラウザ)の 終 了 (2/2) をクリックする 5
Scratchの 起 動 32 もう 一 度 Scratchを 起 動 しよう 作 る をクリックする できるかな? 手 元 のコンピュータからアップロード(1/7) オフラインエディター 利 の 場 合 は 手 元 のコ ンピュータからアップロード でなく 開 く を 選 ぶ 33 手 元 のコンピュータからアップロード(2/7) (1) ファイル - 手 元 のコンピュータからダウ ンロード をクリックする 34 手 元 のコンピュータからアップロード(3/7) 35 手 元 のコンピュータからアップロード(4/7) 36 sb2ファイルが 保 存 されているフォルダに 移 動 する 開 きたいsb2ファイルを 選 択 する (2) 開 きたいファイルを 選 択 する (3) 開 くをクリックする (4) 現 在 のプロジェクトを 置 き 換 えるか 質 問 され る 置 き 換 える 場 合 は OK をクリックする 6
手 元 のコンピュータからアップロード(5/7) 37 手 元 のコンピュータからアップロード(6/7) 38 をクリックする プロジェクトが 読 み 込 まれる 手 元 のコンピュータからアップロード(7/7) 39 Hello! が 表 示 された さっきと 同 じ 動 作 になった? 2. Scratchを 学 ぼう パソコンは 使 いません Scratchの 画 面 構 成 41 スプライト 42 ステージ スプライト = 着 せ 替 え 自 由 のキャラクター 画 像 スクリプトエリア スプライトリスト ブロックパレット 7
ステージ 43 ステージと 座 標 44 ステージ = スプライトが 動 き 回 る 舞 台 スプライトを 動 かす スプライトの かけを 変 化 する ステージの 大 きさは 横 幅 480 画 素 縦 幅 360 画 素 480 画 素 240, 180 240, 180 180 0, 180 Y 座 標 240, 0 240 X 座 標 0,0 240, 0 240 360 画 素 240, 180 180 0, 180 240, 180 スクリプト 45 ブロック 46 スクリプト = 俳 優 スプライト のための 台 本 ブロック = 命 令 ブロック 47 動 き(1/2) 48 10グループに 分 かれている グループ 名 説 明 ブロック 数 動 き スプライトを 右 や 左 に 動 かしたり 回 転 させたりするブロックのグループ 17 た 目 スプライトにセリフを 言 わせたり 表 示 したり 隠 したりするブロックのグ ループ 音 音 の 種 類 を 変 えたり 音 の 大 きさを 変 えたりするブロックのグループ 13 ペン ステージに 何 かを 書 いたりするブロックのグループ 11 データ 変 数 を 作 ったり それに 関 係 する 操 作 をするブロックのグループ - イベント 何 かのできごとをきっかけにプログラムを 動 かすブロックのグループ 8 制 御 どのブロックを 実 するかを 思 い 通 りにするためのブロックのグループ 11 調 べる スプライトやキーボードの 状 態 などを 調 べるブロックのグループ 20 演 算 計 算 をするためのブロックのグループ 13 その 他 上 記 に 当 てはまらないブロックのグループ - 合 計 112 19 8
動 き(2/2) 49 方 向 の 種 類 50 た 目 (1/2) 51 た 目 (2/2) 52 音 (1/2) 53 音 (2/2) 54 9
ドラムの 種 類 55 ペン 56 18 種 が 意 されている (1) スネアドラム (10) ウッドブロック (2) バスドラム (11) カウベル (3) サイドスティック (12) 三 角 形 (4) クラッシュシンバル (13) ボンゴ (5) オープンハイハット (14) コンガ (6) 閉 じたハイハット (15) カバサ (7) タンバリン (16) ギロ (8) 拍 手 (17) ビブラスラップ (9) クラーベ (18) オープンクイーカ イベント 57 キーの 種 類 58 キーボードにあるキーを 利 できる スペース 上 向 き 矢 印 下 向 き 矢 印 右 向 き 矢 印 左 向 き 矢 印 any a, b,, z 0, 1,, 9 制 御 59 調 べる(1/2) 60 10
調 べる(2/2) 61 演 算 (1/2) 62 演 算 (2/2) 63 3. ブロックの 操 作 パソコンを 使 います ブロックの 操 作 65 ブロックをつなげる(1/3) 66 ブロックをつなげる ブロックをはなす ブロックを 移 動 する ブロックに する ブロックにブロックをはめ 込 む ブロックを 複 製 (コピー)する ブロックを 削 除 する ブロックのドロップダウンから 選 ぶ スプライトの 実 と 中 方 法 ブロックの 凹 凸 に 注 意 する パズルみたいなもの C Block Stack block Cap block Boolean block Hat block Reporter block 11
ブロックをつなげる(3/3) 67 ブロックをはなす 68 ブロックの 凹 凸 に 注 意 する パズルみたいなもの はなしたい 下 側 のブロックをドラッグアンドド ロップする 下 側 にドラッグする ブロックがはなれる つなげられる つなげられない 下 側 にドラッグする ブロックがはなれる ブロックを 移 動 する 69 ブロックに する 70 一 番 上 のブロックをドラッグする ブロックにブロックがはめ 込 まれた 部 分 をドラッグする と はめ 込 まれた 部 分 だけが 移 動 する(はなされる) ブロックの 白 い 部 分 をクリックすると キーボー ドで 字 や 数 字 を できる 一 番 上 のブロック をクリックする ブロックの 影 がで きる ドラッグして 移 動 する 白 い 部 分 をクリッ クする く 反 転 する 字 や 数 字 を する ブロックにブロックをはめ 込 む(1/3) ブロックのすきまにブロックをはめ 込 む 71 ブロックにブロックをはめ 込 む(2/3) ブロックのくぼみにブロックをはめ 込 む 72 C 型 のすきま ブロックを 近 づけ る ブロックのすきまに ブロックをはめ 込 む ブロックのくぼみ ブロックを 近 づけ る ブロックのくぼみに ブロックをはめ 込 む 12
ブロックにブロックをはめ 込 む(3/3) ブロックのくぼみにブロックをはめ 込 む 73 ブロックを 複 製 (コピー)する 作 成 したブロックと 同 じブロックを 複 製 できる コピーしたいブロックを 右 クリックして 複 製 を 選 ぶ コピーされたブロックがマウスカーソルにくっつ いているため 置 きたい 場 所 で 左 クリックする 74 複 製 された ブロック ブロックの 白 い 部 分 ブロックを 近 づけ る ブロックの 白 い 部 分 に ブロックをはめ 込 む ブロックを 右 ク リックする メニューから 複 製 を 選 ぶ ブロックを 削 除 する 不 要 なブロックを 削 除 する ブロックを 右 クリックして 削 除 を 選 ぶ 75 ブロックのドロップダウンから 選 ぶ ブロックには いくつかの 項 目 から 内 容 を 選 べる ものがある 右 側 の マークをクリックして 表 示 された 中 か ら 使 うものを 選 ぶ 76 削 除 したいブロック を 右 クリックする メニューから 削 除 を 選 ぶ ブロックが 削 除 される マークを クリックする メニュー から 選 ぶ スプライトの 実 と 中 方 法 77 ブロックの 整 理 78 ブロックをクリックすると 実 される もう 一 度 ブロックをクリックすると 実 が 中 される をクリックすると 実 される をクリックすると 実 が 中 される スクリプトエリアのブロック 以 外 の 場 所 で 右 ク リックしてメニューから clean up を 選 択 する 自 動 的 にブロックが 整 理 される クリックして 実 クリックして 中 ブロックをクリッ クする 実 される ブロック 以 外 の 場 所 で 右 クリックする メニューから clean up を 選 ぶ ブロックが 整 理 される 13
アニメーションにチャレンジ 80 4.アニメーションにチャレンジ スプライトを 動 かす スプライトを 追 加 する コスチュームを 変 更 する パソコンを 使 います スプライトを 動 かそう(1/3) 81 スプライトを 動 かそう(2/3) 82 歩 動 かす (4) フラッグマーク をクリックする 歩 動 かす 何 か 変 わった? (1) イベント 内 のブロック (3) 10 を する (2) 動 き 内 の ブロック スプライトを 動 かそう(3/3) 83 1 歩 とは? 84 歩 動 かす (10 歩 )=(10 画 素 ) スプライト( 画 像 )は 画 素 (ピクセル ドット)の 集 ま り 1 歩 動 かす は 1 画 素 移 動 する こと 13 13 画 素 1 画 素 スプライトが10 歩 右 に 移 動 している 14
スプライトを 追 加 しよう(1/8) 85 スプライトを 追 加 しよう(2/8) 86 Sprite1のスクリプト 下 側 にスクロールする キャラクターをクリックする スプライトを 追 加 しよう(3/8) 87 スプライトを 追 加 しよう(4/8) 88 Gobo をクリックする Goboが 追 加 された スプライトを 追 加 しよう(5/8) 89 スプライトを 追 加 しよう(6/8) 90 Goboのスクリプト 実 しよう!! Goboのスクリプトを 作 成 する 15
スプライトを 追 加 しよう(7/8) 91 スプライトを 追 加 しよう(8/8) 92 スプライト 毎 に 異 なるスクリプトを 作 成 できる 何 か 変 わった? コスチュームを 変 更 しよう(1/4) 93 コスチューム(Cat) 94 コスチューム をクリックする Catは 二 つのコスチュームが 意 されている コスチューム(Cat) 95 コスチューム(Gobo) 96 2 をクリックすると Goboは 三 つのコスチューム が 意 されている 絵 が 変 わる 16
コスチュームを 変 更 しよう(2/4) 97 コスチュームを 変 更 しよう(3/4) 98 スクリプトでコスチュームを 変 更 する 実 しよう!! ブロック 次 のコスチュー ムにする を 挿 する コスチュームを 変 更 しよう(4/4) 99 注 意 事 項 100 休 憩 するときは パソコンのフタを 閉 じて 下 さい どうなった? 17