nara-edu.ac.jpdenki.nara-edu.ac.jp/~yabu/edu/scratch/s_intro.docx · Web...

7
2019.12.21 初初初初 2021.1.5 初初初初 1. Scratch初初 初初初 Scratch スススススス スス () Scratch初MIT 初初初初初初初初初初初初初 初初初初初初初初初初初初初初初初初 初初初初初初初初初初初初初初初初初初初初初 (:) scratch.mit.edu 初初初初初初Scratch初初初初初初初初初初初初初初初初初初Scratch初初初初初初初 1→2→3初初初初初初初2019.1初初初初初初初3初初初初IE初初初初初初Chrome, Edge, Firefox初初初初初初初 初初初初初初初 Chrome初初初初初初初初初初初初初ID ススス 1 scratch.mit.edu初Chrome初初初初初 2 Scratch初初初初初初 初初初初初 初初初初初初初初初初初 初初初初初初初初初初初初初初初初初初初初初初初初初初初初初初初初初初 初初初初初初初初初初初初初初初初初初初初初初初初初初初初初初初初初初初初 ススススススススススススス 初初初初初初初初初初初初初初 初初初初初初初初初 初初初 「」 初初初初初初初初初初初初初初初初初 初初初 初初初初初初初初初初初初→初初初初初初→初初初初初初 () 初初初初初初初初初初初初初初 初初初 初初初初初 ススススススス ……初初初初初初初初初 ……初初初初初初初初初 1-1

Transcript of nara-edu.ac.jpdenki.nara-edu.ac.jp/~yabu/edu/scratch/s_intro.docx · Web...

Page 1: nara-edu.ac.jpdenki.nara-edu.ac.jp/~yabu/edu/scratch/s_intro.docx · Web viewScratchのバージョンは1→2→3と進化しており、2019.1からバージョン3になった。

2019.12.21 初 版 作 成

2021.1.5   最 終 改 訂

1.   Scratch 入 門薮 哲 郎

Scratch ( ス ク ラ ッ チ ) と は   Scratch は MIT ( マ サ チ ュ ー セ ッ ツ 工 科 大 学 : 世

界 で 最 も 有 名 な 理 系 の 大 学 で あ る ) が 開 発 し

た プ ロ グ ラ ミ ン グ 学 習 用 の 教 材 で あ る 。

scratch.mit.eduに 接 続 す る と 、 Scratch の プ ロ グ ラ ミ ン

グ を 楽 し む こ と が で き る 。 Scratch の バ ー ジ ョ ン

は 1→2→3 と 進 化 し て お り 、 2019.1 か ら バ ー ジ ョ ン

3 に な っ た 。

  IEで は 使 え な い 。 Chrome, Edge, Firefox な ど で 利 用

す る 。 本 テ キ ス ト で は Chromeを 用 い る 場 合 に つ

い て 述 べ る 。

ID の 作 成 1 scratch.mit.eduに Chromeで 接 続 す る

2 「 Scratch に 参 加 し よ う 」 を ク リ ッ ク

    あ と は 画 面 の 指 示 に 従 う

    メ ー ル ア ド レ ス は イ ン タ ー ネ ッ ト か ら の

メ ー ル を 受 け 取 れ る ア ド レ ス を 使 う

    ケ ー タ イ 会 社 の メ ル ア ド は イ ン タ ー ネ ッ

ト か ら の メ ー ル を 拒 否 す る 可 能 性 が あ る

ロ グ イ ン 直 後 の 画 面 の 操 作 法

プ ロ グ ラ ム 作 成 画 面 へ の 行 き 方

新 規 作 成 す る と き は 「 作 る 」

既 存 の プ ロ グ ラ ム を 再 編 集 す る と き は 、

右 上 の ( 名 前 は 各 自 の ユ ー ザ ー

名 ) → 「 私 の 作 品 」 → 「 中 を 見 る 」

ロ グ イ ン 直 後 の 画 面 へ の 戻 り 方

1-1

Page 2: nara-edu.ac.jpdenki.nara-edu.ac.jp/~yabu/edu/scratch/s_intro.docx · Web viewScratchのバージョンは1→2→3と進化しており、2019.1からバージョン3になった。

    左 上 の を ク リ ッ ク

ま ず 覚 え る こ と

…… プ ロ グ ラ ム ス タ ー ト

…… プ ロ グ ラ ム ス ト ッ プ

1-2

Page 3: nara-edu.ac.jpdenki.nara-edu.ac.jp/~yabu/edu/scratch/s_intro.docx · Web viewScratchのバージョンは1→2→3と進化しており、2019.1からバージョン3になった。

プ ロ グ ラ ム 作 成 画 面

デ フ ォ ル ト で は 文 字 が 小 さ く て 見 づ ら い

Chrome右 上 の を 押 し て 「 ズ ー ム 」 を 110 % に す

る と 、 少 し 見 や す く な る 。

コ ー ド ( = プ ロ グ ラ ム ) を 置 く 領 域 は 独 立 し

て 拡 大 / 縮 小 で き る 。

ゲーム画面

start stop

コードを置く領域

ここから「コードを置く領域」へドラッグする

スプライトの情報を表示する。直接操作も可能

スプライト

コード= プログラム

コード領域の拡大縮小

プ ロ グ ラ ム の 名 前 を つ け る 。 「 は じ め て の プ

ロ グ ラ ム 」 な ど と 書 く 。

用 語

ス プ ラ イ ト … … … … … … … 動 く キ ャ ラ ク タ ー

プ ロ ジ ェ ク ト ( 作 品 ) … … 1 個 の ゲ ー ム

プ ロ グ ラ ム の 組 み 方

コ ー ド の タ ブ を ク リ ッ ク す る

ブ ロ ッ ク を ド ラ ッ グ し て コ ー ド を 置 く 領

域 に 置 く

1-3

Page 4: nara-edu.ac.jpdenki.nara-edu.ac.jp/~yabu/edu/scratch/s_intro.docx · Web viewScratchのバージョンは1→2→3と進化しており、2019.1からバージョン3になった。

不 要 な ブ ロ ッ ク の 消 し 方

右 ク リ ッ ク し て 「 削 除 」

コ ー ド を 置 く 領 域 の 左 側 の ブ ロ ッ ク が 並

ん で い る エ リ ア に ド ラ ッ グ す る 。

ま ず は 遊 ん で み よ う

1. 左 端 の を 押 し て 、 最 初 の 画 面 に 行 き 、

検 索 窓 に 「 brick road 」 と 入 れ る 。

2. 黒 色 に レ ン ガ 色 で BRICK ROAD と 書 か れ た プ ロ

ジ ェ ク ト を ク リ ッ ク

3. 「 リ ミ ッ ク ス 」 を 押 す 。 こ の プ ロ グ ラ ム

の コ ピ ー が 作 成 さ れ 、 自 分 の 作 品 ( プ ロ

グ ラ ム ) の 1 個 と な る 。

4. を 押 し て ゲ ー ム を 開 始 す る 。

改 造 し て み よ う

★ 死 な な い よ う に す る

1 を 押 す

1-4

Page 5: nara-edu.ac.jpdenki.nara-edu.ac.jp/~yabu/edu/scratch/s_intro.docx · Web viewScratchのバージョンは1→2→3と進化しており、2019.1からバージョン3になった。

2 ← ド ラ ッ グ し て 「 ず っ

と 」 の 部 分 を 切 り 離 す

★ ブ レ ー キ を 作 る

1. の ス プ ラ イ ト を ク リ ッ ク す る 。

2. キ ー 入 力 を 扱 う 「 ず っ と 」 の ブ ロ ッ ク の

末 尾 に 黒 線 で 囲 ん だ 部 分 を 挿 入 す る 。

   

( や り 方 )

「 も し 」 の ブ ロ ッ ク で 右 ク リ ッ ク → 複

製 → 少 し 移 動 し て 左 ク リ ッ ク

「 変 数 」 の 「 ○ ○ を □ に す る 」 を 選 び 、

変 数 名 を player_xvに 変 更 す る

1-5

Page 6: nara-edu.ac.jpdenki.nara-edu.ac.jp/~yabu/edu/scratch/s_intro.docx · Web viewScratchのバージョンは1→2→3と進化しており、2019.1からバージョン3になった。

--------------------------- scratch で の プ ロ グ ラ ミ ン グ --------------------------

Scratch の プ ロ グ ラ ム の 概 念 1 つ の ゲ ー ム を 「 作 品 」 あ る い は 「 プ ロ

ジ ェ ク ト 」 と 呼 ぶ 。

ス プ ラ イ ト ご と に 、 コ ー ド ( プ ロ グ ラ

ム ) を 組 む 。

作 っ た プ ロ グ ラ ム は ク ラ ウ ド ( scratch の サ

イ ト ) に 自 動 で 保 存 さ れ る 。 「 保 存 」 操

作 は 不 要 。

座 標 系 と 方 向 の 表 し 方

y

x240- 240

180

- 180

0       

90°

180°

270°普通の状態

                  座 標                  

ス プ ラ イ ト の 向 き

ス プ ラ イ ト の 座 標 位 置

ス プ ラ イ ト は 中 心 位 置 が 定 義 さ れ て い る 。

「 x 座 標 , y 座 標 」 を 指 定 し た 場 合 、 中 心 位

1-6

Page 7: nara-edu.ac.jpdenki.nara-edu.ac.jp/~yabu/edu/scratch/s_intro.docx · Web viewScratchのバージョンは1→2→3と進化しており、2019.1からバージョン3になった。

置 が そ の 位 置 に 設 定 さ れ る 。

「 コ ス チ ュ ー ム 」 を ク リ ッ ク す る と 、 ス

プ ラ イ ト を 編 集 す る 画 面 が 出 現 す る 。 ス

プ ラ イ ト を ド ラ ッ グ し て 移 動 さ せ る と 、

中 央 部 分 に 印 が 現 れ る 。 こ れ が 中 心 位 置

で あ る 。 中 央 部 分 の 印 を 確 認 し た 後 は 、

ア ン ド ゥ を し て ス プ ラ イ ト を 元 に 戻 し て

お く 。

中心位置

アンドゥ

ス プ ラ イ ト の 向 き ( 本 テ キ ス ト で は 扱 わ な

い )

ス プ ラ イ ト は 回 転 さ せ る こ と が で き る 。

回 転 の 軸 は 「 中 心 位 置 」

初 期 状 態 は 90 度 ゲ ー ム 領 域 の 下 の 「 向 き 」 の 部 分 で 変 更

す る こ と が で き る

豆 知 識

コ ー ド を 置 く 領 域 に ブ ロ ッ ク を ド ラ ッ グ し 、

そ の ブ ロ ッ ク を ク リ ッ ク す る と 、 そ の ブ ロ ッ

ク の 内 容 を 単 発 で 実 行 す る 。

ス プ ラ イ ト を 移 動 さ せ る 方 法

「 動 き 」 カ テ ゴ リ ー の 中 に あ る 。 2 つ の 方 法

1-7

Page 8: nara-edu.ac.jpdenki.nara-edu.ac.jp/~yabu/edu/scratch/s_intro.docx · Web viewScratchのバージョンは1→2→3と進化しており、2019.1からバージョン3になった。

が あ る 。 本 授 業 で は 1 の み 用 い る 。

1. 座 標 で 指 定 す る

  「 x 座 標 を ○ に す る 」 「 y 座 標 を ○ に す る 」

… … … … 座 標 の 絶 対 値 を 指 定 す る

  「 x 座 標 を ○ ず つ 変 え る 」 「 y 座 標 を ○ ず つ

変 え る 」

    … … … … 「 x 座 標 を ○ ず つ 変 え る 」 = 「 x座 標 を ○ 増 や す 」

              x 座 標 を ○ 減 ら し た い と き は 、

○ に 負 の 数 を 入 れ る 。

現 在 の 座 標 位 置 を 取 得 し た い と き は 、 「 動

き 」 の 下 方 に 「 x 座 標 」 「 y 座 標 」 が あ る 。

2. 方 向 と 距 離 で 指 定 す る

( 本 テ キ ス ト で は 扱 わ な

い )

  「 ○ 度 に 向 け る 」 「 ○ 度

回 す 」 … … …

移 動 方 向 を 指 定 す る 。 角 度

の 定 義 は 右 図 の 通 り 。 0 ~ 360度 を 超 え た 角 度

を 指 定 す る と 、 例 え ば 、 370度 を 指 定 す る と 10度 と み な さ れ る 。

  数 学 に お け る 角 度 θ は x 軸 方 向 が 0 度 で 反 時

計 回 り に 増 加 す る 。 ゆ え に 、 「 ϕ 度 に 向 け

る 」 と し た 場 合 、 数 学 に お け る 角 度 に 換 算 す

る と 、 θ=90−ϕ と い う 関 係 が 成 立 す る 。

  「 ○ 歩 動 か す 」 … … … …

あ ら か じ め 上 記 で 指 定 し て お い た 方 向 へ 距 離

○ 動 か す 。 例 え ば 、 角 度 が 60 度 に 向 け ら れ て

お り 、 10 歩 動 か し た 場 合 、 数 学 で の 角 度 θ に

換 算 す る と 、 θ=90−60=30 度 だ か ら 、 x 座 標 の 増

1-8

90°

180°

270°

Page 9: nara-edu.ac.jpdenki.nara-edu.ac.jp/~yabu/edu/scratch/s_intro.docx · Web viewScratchのバージョンは1→2→3と進化しており、2019.1からバージョン3になった。

加 分 は 10 cos 30°, y 座 標 の 増 加 分 は 10 sin 30° で あ る 。

1-9