• 検索結果がありません。

Microsoft PowerPoint - (配布資料)03Scratchの操作説明.pptx

N/A
N/A
Protected

Academic year: 2021

シェア "Microsoft PowerPoint - (配布資料)03Scratchの操作説明.pptx"

Copied!
17
0
0

読み込み中.... (全文を見る)

全文

(1)

Scratch

の操作説明

第9回九工大わくわく科学教室

一番はじめのプログラミング

2015

年12月12日

1. Scratch

を試そう︕︕

パソコンを使います。

内容

1.

Scratch

公式ウェブサイトにアクセスする。

検索サイト(Googleなど)から

直接アクセス

https://scratch.mit.edu/

2.

プログラムを作る。

3.

プログラムに名前をつける。

4.

手元のコンピュータにダウンロード

5.

手元のコンピュータからアップロード

3

ウェブブラウザ

ウェブブラウザを起動して、Scratchを利⽤する。

ウェブブラウザは下記のようなアイコンをクリックして

起動できる。

Internet Explorer Chrome Firefox Safari

4

(2)

ブラウザ(Chrome)の起動画面

7

Scratch

公式ウェブサイトにアクセス(1/3)

Googleなどの検索画面 8

Scratch

公式ウェブサイトにアクセス(2/3)

「scratch」を⼊⼒する。 9

Scratch

公式ウェブサイトにアクセス(3/3)

「Scratch – Imagine, Program, Share」をクリックする。 10

Scratch

公式ウェブサイト

「作る」をクリックする。 11

プログラムを作ろう(1/8)

「×」をクリックする。 12

(3)

プログラムを作ろう(2/8)

プログラムを作ろう(3/8)

(1)「イベント」をクリックする。 (2)「 がクリックされたとき」 をドラッグして・・・

プログラムを作ろう(4/8)

(3)スクリプトエリアにおく。 15

プログラムを作ろう(5/8)

(4)「⾒た目」をクリックする。 (5)「Hello!と言う」をドラッグして、 「 がクリックされたとき」の下に つなげる。 16

プログラムを作ろう(6/8)

プログラム完成 (6)「 」をクリックする。 17

プログラムを作ろう(7/8)

「Hello!」が表示された。 18

(4)

プログラムを作ろう(8/8)

(7)「●」をクリックする。 「Hello!」が消える。 プログラムが終了した。 19

プログラムに名前をつけよう(1/2)

「Untitled」を消して、 プログラムの名前を ⼊⼒する。 20

プログラムに名前をつけよう(2/2)

例えば「Hello!と言う プログラム」と⼊⼒ する。 21

プロジェクトの

アップロードとダウンロード

Scratch

では、

パソコンに保存されているプロジェクトを

読み

込む

アップロード

作成したプロジェクトを利⽤しているパソコン

保存

ダウンロード

できる。

ただし、

ブラウザをシークレットモードで利⽤し

ている場合はダウンロードできない

22

プロジェクトの

アップロードとダウンロード

アップロードとダウンロードについて

ブラウザ アップロード ダウンロード 通常モード (非シークレットモード) ○ ○ シークレットモード ○ × 23

ウェブブラウザ・オフラインエディター

サインイン有・無によるメニューの違い

ウェブブラウザ利⽤ サインイン無し ウェブブラウザ利⽤サインイン有り Scratchのユーザ登録 をすると、異なるメ ニューになる。 オフラインエディター オフラインエディター はウェブブラウザと、 異なるメニューになる。 24

(5)

手元のコンピュータにダウンロード(1/4)

ウェブブラウザ利⽤の場合は、非シークレット

モードでダウンロードする。

オフラインエディター利⽤の場合は、「手元のコ

ンピュータにダウンロード」でなく、「

名前をつ

けて保存

」を選ぶ。

手元のコンピュータにダウンロード(2/4)

(1)「ファイル」-「手元のコンピュータにダウン ロード」をクリックする。

手元のコンピュータにダウンロード(3/4)

ファイルの保存場所を適切に選ぶ。

ファイル名は、デフォルトでは「

プロジェクト

名.sb2

」となるが変更しても良い。

(2)保存場所とファイル名を確認し、必要に応じて変更する。 (3)保存をクリックする。 27

手元のコンピュータにダウンロード(4/4)

プロジェクトがファイルとして保存される。

28

Scratch

(ブラウザ)の終了(1/2)

●をクリックする。 29

Scratch

(ブラウザ)の終了(2/2)

30

(6)

もう一度Scratchを起動しよう

できるかな︖

Scratch

の起動

「作る」をクリックする。 32

手元のコンピュータからアップロード(1/7)

オフラインエディター利⽤の場合は、「手元のコ

ンピュータからアップロード」でなく、「

開く

を選ぶ。

33

手元のコンピュータからアップロード(2/7)

(1)「ファイル」-「手元のコンピュータからダウ ンロード」をクリックする。 34

手元のコンピュータからアップロード(3/7)

sb2

ファイルが保存されているフォルダに移動する。

開きたいsb2ファイルを選択する。

(2)開きたいファイルを選択する。 (3)開くをクリックする。 35

手元のコンピュータからアップロード(4/7)

(4)現在のプロジェクトを置き換えるか質問され る。置き換える場合は「OK」をクリックする。 36

(7)

手元のコンピュータからアップロード(5/7)

プロジェクトが読み込まれる。

手元のコンピュータからアップロード(6/7)

「 」をクリックする。

手元のコンピュータからアップロード(7/7)

「Hello!」が表示された。 さっきと同じ動作になった︖ 39

2. Scratch

を学ぼう

パソコンは使いません。

Scratch

の画面構成

ステージ スプライトリスト スクリプトエリア ブロックパレット 41

スプライト

スプライト

=「着せ替え自由のキャラクター画像」

42

(8)

ステージ

ステージ

=「スプライトが動き回る舞台」

スプライトを動かす。

スプライトの⾒かけを変化する。

43

ステージと座標

ステージの大きさは

横幅480画素

縦幅360画素

240 240 180 180 X座標 Y座標 480画素 360画素 0, 0 240, 0 240, 180 240, 180 0, 180 240, 180 240, 180 240, 0 0, 180 44

スクリプト

スクリプト

=「俳優『スプライト』のための台本」

45

ブロック

ブロック

」=「命令」

46

ブロック

10

グループに分かれている。

グループ名 説明 ブロック数 動き スプライトを右や左に動かしたり、回転させたりするブロックのグループ 17 ⾒た目 スプライトにセリフを言わせたり、表示したり隠したりするブロックのグループ 19 音 音の種類を変えたり、音の大きさを変えたりするブロックのグループ 13 ペン ステージに何かを書いたりするブロックのグループ 11 データ 「変数」を作ったり、それに関係する操作をするブロックのグループ - イベント 何かのできごとをきっかけにプログラムを動かすブロックのグループ 8 制御 どのブロックを実⾏するかを思い通りにするためのブロックのグループ 11 調べる スプライトやキーボードの状態などを調べるブロックのグループ 20 演算 計算をするためのブロックのグループ 13 その他 上記に当てはまらないブロックのグループ - 合計 112 47

動き(1/2)

48

(9)

動き(2/2)

方向の種類

⾒た目(1/2)

51

⾒た目(2/2)

52

(10)

ドラムの種類

18

種が⽤意されている。

(1) スネアドラム (10)ウッドブロック (2) バスドラム (11) カウベル (3) サイドスティック (12) 三角形 (4) クラッシュシンバル (13) ボンゴ (5) オープンハイハット (14) コンガ (6) 閉じたハイハット (15) カバサ (7) タンバリン (16)ギロ (8) 拍手 (17)ビブラスラップ (9) クラーベ (18) オープンクイーカ 55

ペン

56

イベント

57

キーの種類

キーボードにあるキーを利⽤できる。

スペース 上向き矢印 下向き矢印 右向き矢印 左向き矢印 any a, b, … , z 0, 1, … , 9 58

制御

59

調べる(1/2)

60

(11)

調べる(2/2)

演算(1/2)

演算(2/2)

63

3.

ブロックの操作

パソコンを使います。

ブロックの操作

ブロックをつなげる。

ブロックをはなす。

ブロックを移動する。

ブロックに⼊⼒する。

ブロックにブロックをはめ込む。

ブロックを複製(コピー)する。

ブロックを削除する。

ブロックのドロップダウンから選ぶ。

スプライトの実⾏と中⽌方法。

65

ブロックをつなげる(1/3)

ブロックの凹凸に注意する。

パズルみたいなもの

Hat block

Stack block Boolean block

C Block Reporter block Cap block

(12)

ブロックをつなげる(3/3)

ブロックの凹凸に注意する。

パズルみたいなもの

つなげられる。 つなげられない。 67

ブロックをはなす

はなしたい下側のブロック

ドラッグアンドド

ロップ

する。

下側にドラッグする。 ブロックがはなれる。 下側にドラッグする。 ブロックがはなれる。 68

ブロックを移動する

一番上のブロック

ドラッグ

する。

ブロックにブロックがはめ込まれた部分を

ドラッグ

する

と、はめ込まれた部分だけが移動する(はなされる)。

一番上のブロック をクリックする。 ブロックの影ができる。 ドラッグする。 して移動 69

ブロックに⼊⼒する

ブロックの

白い部分

クリック

すると、キーボー

ドで⽂字や数字を⼊⼒できる。

白い部分をクリッ する。 ⿊く反転する。 ⽂字や数字を⼊⼒する。 70

ブロックにブロックをはめ込む(1/3)

ブロックの

すきま

にブロックをはめ込む。

「C」型のすきま ブロックを近づける。 ブロックのすきまにブロックをはめ込む。 71

ブロックにブロックをはめ込む(2/3)

ブロックの

くぼみ

にブロックをはめ込む。

ブロックのくぼみ ブロックを近づける。 ブロックのくぼみにブロックをはめ込む。 72

(13)

ブロックにブロックをはめ込む(3/3)

ブロックの

くぼみ

にブロックをはめ込む。

ブロックの 白い部分 ブロックを近づける。 ブロックの白い部分にブロックをはめ込む。

ブロックを複製(コピー)する

作成したブロックと同じブロックを複製できる。

コピーしたいブロックを

右クリック

して「複製」

を選ぶ。

コピーされたブロックがマウスカーソルにくっつ

いているため、置きたい場所で

左クリック

する。

ブロックを右ク リックする。 メニューから「複製」を選ぶ。 複製された ブロック

ブロックを削除する

不要なブロックを削除する。

ブロックを

右クリック

して「削除」を選ぶ。

削除したいブロック を右クリックする。 メニューから「削除」を選ぶ。 ブロックが削除される。 75

ブロックのドロップダウンから選ぶ

ブロックには、いくつかの項目から内容を選べる

ものがある。

右側の

▼マーク

クリック

して、表示された中か

ら使うものを選ぶ。

▼マークを クリックする。 メニューから選ぶ。 76

スプライトの実⾏と中⽌方法

ブロックを

クリック

すると実⾏される。もう一度

ブロックを

クリック

すると実⾏が中⽌される。

クリック

すると実⾏される。

クリック

すると実⾏が中⽌される。

ブロックをクリッ する。 実⾏される。 クリックして実⾏ クリックして中⽌ 77

ブロックの整理

スクリプトエリアのブロック以外の場所で、

右ク

リック

してメニューから「clean up」を選択する。

自動的にブロックが整理される。

ブロック以外の場所 で右クリックする。 メニューから「clean up」を選ぶ。 ブロックが整理される。 78

(14)

4.

アニメーションにチャレンジ

パソコンを使います。

アニメーションにチャレンジ

スプライトを動かす。

スプライトを追加する。

コスチュームを変更する。

80

スプライトを動かそう(1/3)

○歩動かす

(1)「イベント」 内のブロック (2)「動き」内の ブロック (3) ”10”を⼊⼒する。 (4) 「フラッグマーク」 をクリックする。 81

スプライトを動かそう(2/3)

○歩動かす

何か変わった︖ 82

スプライトを動かそう(3/3)

○歩動かす

スプライトが10歩右に移動している。 83

1

歩とは︖

(10歩)=(10画素)

スプライト(画像)は画素(ピクセル、ドット)の集ま

り。

「1歩動かす」は「1画素移動する」こと。

1画素 13×13画素 84

(15)

スプライトを追加しよう(1/8)

キャラクターをクリックする。 Sprite1のスクリプト

スプライトを追加しよう(2/8)

下側にスクロールする。

スプライトを追加しよう(3/8)

「Gobo」をクリックする。 87

スプライトを追加しよう(4/8)

Goboが追加された。 88

スプライトを追加しよう(5/8)

Goboのスクリプト Goboのスクリプトを作成する。 89

スプライトを追加しよう(6/8)

実⾏しよう︕︕ 90

(16)

スプライトを追加しよう(7/8)

何か変わった︖ 91

スプライトを追加しよう(8/8)

スプライト毎に異なるスクリプトを作成できる。

92

コスチュームを変更しよう(1/4)

「コスチューム」をクリックする。 93

コスチューム(Cat)

Catは二つのコスチュームが ⽤意されている。 94

コスチューム(Cat)

「2」をクリックすると 絵が変わる。 95

コスチューム(Gobo)

Goboは三つのコスチューム が⽤意されている。 96

(17)

コスチュームを変更しよう(2/4)

スクリプトでコスチュームを変更する。

ブロック「次のコスチュー ムにする」を挿⼊する。

コスチュームを変更しよう(3/4)

実⾏しよう︕︕

コスチュームを変更しよう(4/4)

どうなった︖ 99

注意事項

休憩するときは、パソコンのフタを閉じて下さい。

100

参照

関連したドキュメント

(2)ポリブタジエン系結合材を用いた多孔質ポリマーモルタルの強度と吸水率

2Tは、、王人公のイメージをより鮮明にするため、視点をそこ C木の棒を杖にして、とぼと

(質問者 1) 同じく視覚の問題ですけど我々は脳の約 3 分の 1

にする。 前掲の資料からも窺えるように、農民は白巾(白い鉢巻)をしめ、

申込共通① 申込共通② 申込共通③ 申込共通④ 申込完了

AC100Vの供給開始/供給停止を行います。 動作の緊急停止を行います。

 このようなパヤタスゴミ処分場の歴史について説明を受けた後,パヤタスに 住む人の家庭を訪問した。そこでは 3 畳あるかないかほどの部屋に

東京都 板橋区「江戸祭り囃子」 :神田流神田囃子保存会 近畿・東海・北陸ブロック 和歌山県下津町「塩津の鯔踊り」 :塩津いな踊り保存会 中国・四国ブロック