nara-edu.ac.jpdenki.nara-edu.ac.jp/~yabu/edu/scratch/s_intro.docx · Web...
Transcript of nara-edu.ac.jpdenki.nara-edu.ac.jp/~yabu/edu/scratch/s_intro.docx · Web...
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
左 上 の を ク リ ッ ク
ま ず 覚 え る こ と
…… プ ロ グ ラ ム ス タ ー ト
…… プ ロ グ ラ ム ス ト ッ プ
1-2
プ ロ グ ラ ム 作 成 画 面
デ フ ォ ル ト で は 文 字 が 小 さ く て 見 づ ら い
Chrome右 上 の を 押 し て 「 ズ ー ム 」 を 110 % に す
る と 、 少 し 見 や す く な る 。
コ ー ド ( = プ ロ グ ラ ム ) を 置 く 領 域 は 独 立 し
て 拡 大 / 縮 小 で き る 。
ゲーム画面
start stop
コードを置く領域
ここから「コードを置く領域」へドラッグする
スプライトの情報を表示する。直接操作も可能
スプライト
コード= プログラム
コード領域の拡大縮小
プ ロ グ ラ ム の 名 前 を つ け る 。 「 は じ め て の プ
ロ グ ラ ム 」 な ど と 書 く 。
用 語
ス プ ラ イ ト … … … … … … … 動 く キ ャ ラ ク タ ー
プ ロ ジ ェ ク ト ( 作 品 ) … … 1 個 の ゲ ー ム
プ ロ グ ラ ム の 組 み 方
コ ー ド の タ ブ を ク リ ッ ク す る
ブ ロ ッ ク を ド ラ ッ グ し て コ ー ド を 置 く 領
域 に 置 く
1-3
不 要 な ブ ロ ッ ク の 消 し 方
右 ク リ ッ ク し て 「 削 除 」
コ ー ド を 置 く 領 域 の 左 側 の ブ ロ ッ ク が 並
ん で い る エ リ ア に ド ラ ッ グ す る 。
ま ず は 遊 ん で み よ う
1. 左 端 の を 押 し て 、 最 初 の 画 面 に 行 き 、
検 索 窓 に 「 brick road 」 と 入 れ る 。
2. 黒 色 に レ ン ガ 色 で BRICK ROAD と 書 か れ た プ ロ
ジ ェ ク ト を ク リ ッ ク
3. 「 リ ミ ッ ク ス 」 を 押 す 。 こ の プ ロ グ ラ ム
の コ ピ ー が 作 成 さ れ 、 自 分 の 作 品 ( プ ロ
グ ラ ム ) の 1 個 と な る 。
4. を 押 し て ゲ ー ム を 開 始 す る 。
改 造 し て み よ う
★ 死 な な い よ う に す る
1 を 押 す
1-4
2 ← ド ラ ッ グ し て 「 ず っ
と 」 の 部 分 を 切 り 離 す
★ ブ レ ー キ を 作 る
1. の ス プ ラ イ ト を ク リ ッ ク す る 。
2. キ ー 入 力 を 扱 う 「 ず っ と 」 の ブ ロ ッ ク の
末 尾 に 黒 線 で 囲 ん だ 部 分 を 挿 入 す る 。
( や り 方 )
「 も し 」 の ブ ロ ッ ク で 右 ク リ ッ ク → 複
製 → 少 し 移 動 し て 左 ク リ ッ ク
「 変 数 」 の 「 ○ ○ を □ に す る 」 を 選 び 、
変 数 名 を player_xvに 変 更 す る
1-5
--------------------------- scratch で の プ ロ グ ラ ミ ン グ --------------------------
Scratch の プ ロ グ ラ ム の 概 念 1 つ の ゲ ー ム を 「 作 品 」 あ る い は 「 プ ロ
ジ ェ ク ト 」 と 呼 ぶ 。
ス プ ラ イ ト ご と に 、 コ ー ド ( プ ロ グ ラ
ム ) を 組 む 。
作 っ た プ ロ グ ラ ム は ク ラ ウ ド ( scratch の サ
イ ト ) に 自 動 で 保 存 さ れ る 。 「 保 存 」 操
作 は 不 要 。
座 標 系 と 方 向 の 表 し 方
y
x240- 240
180
- 180
0
0°
90°
180°
270°普通の状態
座 標
ス プ ラ イ ト の 向 き
ス プ ラ イ ト の 座 標 位 置
ス プ ラ イ ト は 中 心 位 置 が 定 義 さ れ て い る 。
「 x 座 標 , y 座 標 」 を 指 定 し た 場 合 、 中 心 位
1-6
置 が そ の 位 置 に 設 定 さ れ る 。
「 コ ス チ ュ ー ム 」 を ク リ ッ ク す る と 、 ス
プ ラ イ ト を 編 集 す る 画 面 が 出 現 す る 。 ス
プ ラ イ ト を ド ラ ッ グ し て 移 動 さ せ る と 、
中 央 部 分 に 印 が 現 れ る 。 こ れ が 中 心 位 置
で あ る 。 中 央 部 分 の 印 を 確 認 し た 後 は 、
ア ン ド ゥ を し て ス プ ラ イ ト を 元 に 戻 し て
お く 。
中心位置
アンドゥ
ス プ ラ イ ト の 向 き ( 本 テ キ ス ト で は 扱 わ な
い )
ス プ ラ イ ト は 回 転 さ せ る こ と が で き る 。
回 転 の 軸 は 「 中 心 位 置 」
初 期 状 態 は 90 度 ゲ ー ム 領 域 の 下 の 「 向 き 」 の 部 分 で 変 更
す る こ と が で き る
豆 知 識
コ ー ド を 置 く 領 域 に ブ ロ ッ ク を ド ラ ッ グ し 、
そ の ブ ロ ッ ク を ク リ ッ ク す る と 、 そ の ブ ロ ッ
ク の 内 容 を 単 発 で 実 行 す る 。
ス プ ラ イ ト を 移 動 さ せ る 方 法
「 動 き 」 カ テ ゴ リ ー の 中 に あ る 。 2 つ の 方 法
1-7
が あ る 。 本 授 業 で は 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
0°
90°
180°
270°
加 分 は 10 cos 30°, y 座 標 の 増 加 分 は 10 sin 30° で あ る 。
1-9