02Scratchネコをつかまえるゲーム 【1限目】ネコのスプライトとステージを変更

投稿者:クマガイモトツグ
公開日  最終更新日2019/04/27
profile
ENYキッズプログラミングスクール校長 マーケティングエンジニア デザイナー イラストレーター 料理人
小中高校生向けプログラミング教育、MA/マーケティングオートメーションを使ったWEBコンサルティングをはじめ、WEB/アプリのデザイン・開発に従事している

著書「親子で学べる いちばんやさしいプログラミング おうちでスタートBOOK」
「MA/マーケティングオートメーション 5分でできるMA導入と成功する8つのプロセス」
このページを印刷、配布用のファイル(PDF)として保存することができます。
ダウンロードしたデータは教材としてもお使いいただけます。
このページを シェア して
印刷用データ(PDF)をダウンロード

Scratch(スクラッチ)完成作品をみてみよう

まずは今回の作品を確認してみましょう。

のマークをクリックしてみてください。
ゲームが始まります。

ネコがいろんな位置へ移動するので、ネコをつかまえます。
ネコをクリックすると、にゃーという吹き出しを表示するのと同時に「にゃー」という音がでます。
これが最初のゲームです。

簡単なのでやっていきましょう。
Scratchのサイトにアクセスして、「作る」をクリックしてください。

Scratchはこちら
https://scratch.mit.edu/

ネコに落書きをしてみよう

プログラムの前に、まずはゲームの雰囲気づくりから。。。ということで
ネコの見た目を変えて、オリジナルのネコにしていきましょう!

まずは左上、コスチュームをクリック

左側のツールのブラシをクリックすると、線がひけるようになります。

Scratch(スクラッチ)ネコのスプライト編集画面

ブラシの色は上の色がついた部分(図の黄色い枠の部分)で変更できます。

ブラシの線の太さはその右側にある数字(図の青い枠の部分)を変更すればできます。

やり直しもききますので、いろいろと試してみてください。
やり直す場合は上の図の緑枠の左側ボタンをクリックしてください。
そうすると一つ前の状態に戻ります。

逆に、元に戻し過ぎた時に作業を進める場合はその隣のボタンをクリックしてください。

私はまゆげを書いてみました。
ずいぶん男前になりましたね。
上のコスチューム1だけつかうので、今回はこれだけにしておきましょう。

ステージ背景も変えちゃおう

次はステージを変更してみましょう。

右下のステージをクリックしてください。
Scratch(スクラッチ)のステージ切り替え

ステージの編集画面になります。

「背景」というタブをクリックしましょう。
Scratch(スクラッチ)ステージの背景タブ

さきほどのネコのコスチューム編集画面と同様に絵を書くことができます。
今回は、もともと用意されている背景に変更してみます。

左下のボタンをクリックして さらに出てきたメニューの下から1番目のボタンをクリックしてください。

Scratch(スクラッチ)のステージ追加画面

ステージの背景選択画面がでてきます。

Scratch(スクラッチ)ステージ背景選択画面

好きな背景を選んでください。

すると背景が追加されます。

Scratch(スクラッチ)のステージ背景追加

ステージの背景の切り替えは、左側の背景を選択することで切り替えることができます。
削除したい場合は、選択している背景のサムネイルの右上にあるをクリックしてください。

次はいよいよプログラムです。

「02Scratchネコをつかまえるゲーム」授業一覧
▲ TOP