【1限目】ネコのスプライトとステージを変更

投稿者:クマガイモトツグ
公開日  最終更新日2019/04/27

profile
TechKidzACADEMY代表 プログラミングインストラクター デザイナー 料理人
小中高校生向けプログラミング教育、教材の開発、企業研修ほか、WEB/アプリのデザイン・開発に従事している
著書に「小学校6年生までに必要なプログラミング的思考力が1冊でしっかり身につく本」「親子で学べる いちばんやさしいプログラミング おうちでスタートBOOK」Amazon1位、 「MA/マーケティングオートメーション 5分でできるMA導入と成功する8つのプロセス」Amazon1位がある

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

「02Scratchネコをつかまえるゲーム」授業一覧
当スクールは出版、各種メディア・企業様に、学習コンテンツ等の提供を行なっております。 プログラミング教育コンテンツは対馬市の教育委員会に認定され対馬市の全小学校で採用されました。
全国書店にて発売中!
2022年夏開校 オンラインスクール
オンラインでプログラミングを本格的に学べます。
学習塾・学校関係者様
副業・起業されたい方
プログラミングは簡単
プログラミング教材で採用されたTechKidzACADMEY
当スクールは出版、各種メディア・企業様に、プログラミング教材・コンテンツ等の提供を行なっております。 プログラミング教育コンテンツは対馬市の教育委員会に認定され対馬市の全小学校で採用されました。
paiza株式会社
このサイトはスクラッチ(SCRATCH)を使ったプログラミング学習のためのサイトです。スクラッチの使い方からゲームの作り方まで様々な内容をお伝えします。

▲ PAGE TOP