【第４回】初心者からはじめるScratch！【はじめてのプログラミング】

アオイちゃん

前回の記事はこっちだよ！

すらいむねこ

いよいよ今回からプログラミングをするにゃ！

アオイちゃん

頑張ろう！…っとその前に

すらいむねこ

どうかしたのかにゃ？

ベルちゃん

こんにちはです。

アオイちゃん

紹介するね！この子はベルちゃん。

名前：HexGirl-C-ThunberGEAR ツンベルギア

プログラミング能力に秀でている、HexGirlシリーズの技術者モデル。
様々なシステムなどを作ってきたが、料理だけはなぜか作れない。

好きなもの：プログラミング、コンピュータ、数学
苦手なもの：料理、虫

ベルちゃん

よろしくです。

すらいむねこ

こちらこそよろしくだにゃ

素材のダウンロード

ベルちゃん

早速やっていくですよ。

すらいむねこ

たのむんだにゃ

ベルちゃん

今回はベルの自己紹介プログラムを作成するです。
下にサンプルを用意したです。

ベルちゃん

この画面にいるベルをクリックしてくださいです。

すらいむねこ

おお、しゃべったにゃ！！

ベルちゃん

まずは素材が必要になるです。下のダウンロードボタンをクリックして、
ベルの絵をダウンロードするです。

ベルちゃん

ダウンロードしたあと、解凍（展開）が必要ですが、よくわからない場合は下の「ダウンロードしてから解凍（展開）の説明」をクリックするです。
分かる場合はスルーしてくださいです。

ダウンロードしてから解凍（展開）の説明

ベルちゃん

それでは解凍（展開）の方法を教えるので、
一緒にやってみるですよ。

ベルちゃん

ダウンロードしてきたベルの絵は、最初こんな見た目になっているはずです。
これを右クリックするです。

ベルちゃん

ちなみに右クリックはマウスのこっちです。

ベルちゃん

右クリックすると、左のようなメニューが出てくるです。

ベルちゃん

このメニューの中の、「すべて展開」をクリックするです。

ベルちゃん

すると、こんなウィンドウが出てくるので、「参照」をクリックするです。

ベルちゃん

そして絵のデータを置くわかりやすい場所を選ぶです。よくわからない場合は、「デスクトップ」を選択すればいいですよ。
デスクトップは画面左の一覧にあるのですが、表示されていなければ「PC」という部分をクリックするとでてくるです。

ベルちゃん

選択できたら「フォルダーの選択」
をクリックするです。

ベルちゃん

「参照」ボタンの横に自動的に文字が入っているはずです。それが確認できたら「展開」を押すです。

ベルちゃん

指定した場所に、チャックのついてない「ベルの絵」が出てきたら完了です。

スプライトのアップロード

ベルちゃん

解凍ができたら、Scratchを開いて
左上の「作る」を押して新しいプロジェクトを作るです。

ベルちゃん

そしてプログラムする画面が出てきたら、最初にいるねこさんを…

すらいむねこ

ねこさんを…？

ベルちゃん

消すです。

すらいむねこ

そんにゃ…

ベルちゃん

消せたら次ですよ。
さっきダウンロードしたベルの絵をアップロードするです。

ベルちゃん

スプライトを選ぶボタンにカーソルを合わせると、上にメニューが
生えてくるので、一番上の「スプライトをアップロードボタン」をクリックするです。

ベルちゃん

出てきたウィンドウで、さっき解凍したフォルダを開くです。
デスクトップに解凍したならば、デスクトップへ行けば「ベルの絵」というのがあるはずなので、それを開くです。

ベルちゃん

開くと、こんな感じにベルの絵がいっぱい出てくるです。
これの「ThunberGEAR-ノーマル.png」をクリックしてから
「開く」を押すです。

ベルちゃん

すると、Scratchのステージにベルが登場するです。

すらいむねこ

出てきたにゃ！

ベルちゃん

かわいいベルが出てきたところで次いくですよ。

いよいよプログラミング！

ベルちゃん

それではいよいよプログラムを作るです。
最初に見せた完成品では、ベルをクリックしてプログラムが動いたですね。
あれは「イベント」カテゴリにある、「このスプライトが押されたとき」
というブロックを使うと作ることができるです。

ベルちゃん

このブロックをスクリプトエリアにドラッグ＆ドロップするですよ。

ベルちゃん

これで、ベルをクリックしたらプログラムが動くようになったです。

すらいむねこ

でもベルちゃんを何回クリックしても、なにもおこらないにゃ…

ベルちゃん

それで正常なのです。実はプログラム自体は動いているのですが、今はなにも動かすようにプログラムをしていないので、なにもおこらないだけです。

すらいむねこ

にゃるほど

ベルちゃん

それではベルに自己紹介させるです。
「見た目」カテゴリにある「こんにちは!と2秒言う」ブロックを
さっきのブロックにくっつけるです。

ベルちゃん

これで、「このスプライトが押されたとき」に
「こんにちは!と2秒言う」プログラムの完成です。
試しにベルをクリックするです。

すらいむねこ

しゃべったにゃ！

ベルちゃん

これで自己紹介ができるようになりましたが、ベルは「こんにちは！」なんて言わないです。正しいセリフに変えてみるです。
「こんにちは!と2秒言う」ブロックのこんにちは!の部分は、自分で自由に変えることができるです。
今回は「こんにちは、ベルです」に書き換えるですよ。

すらいむねこ

書きかえたにゃ。

ベルちゃん

これでやっとベルの自己紹介ができるです。よかったです。

コスチュームを変えよう

ベルちゃん

さて、サンプルを見てもらうとわかるですが、次のセリフを言うときに、
表情が変わるです。これはコスチュームという機能を使うとできるです。

ベルちゃん

この「コスチューム」と書かれた場所をクリックするです。

ベルちゃん

こんな画面が出てくれば正解です。
ここではスプライトの見た目を編集したり、増やしたりできるです。

すらいむねこ

ひとつのスプライトがいろんな見た目になれるのかにゃ？

ベルちゃん

そういうことです。さて、肝心のスチューム（見た目）を増やす方法です。
まぁやることはスプライトをアップロードしたときと同じようなものですよ。
コスチューム画面の左下にボタンがあるですね。

ベルちゃん

これにカーソルをあてて、出てきたメニューの一番上の「コスチュームをアップロード」を押すです。

ベルちゃん

あとは最初にダウンロードした、ベルの絵を選択して開いていけばいいです。
今回は「ThunberGEAR-棒目.png」をアップロードするですよ。

ベルちゃん

無事にアップロードできたら、こんな画面になるです。

すらいむねこ

棒目のベルちゃんが増えたにゃ！

ベルちゃん

それでは残り全部もアップロードするですよ。

すらいむねこ

全部アップロードしたにゃ！

ベルちゃん

そしたらプログラムを組む画面に戻るですよ。
「コスチューム」の横の「コード」を押すです。

ベルちゃん

さて、プログラムの続きをするですよ。
「見た目」カテゴリの「コスチュームをThunberGEAR～にする」を
くっつけるです。

ベルちゃん

つぎに、見た目を棒目にするです。
方法は以下の通りですよ。

ベルちゃん

ここまで作ったら、一度ベルをクリックしてみるです。

すらいむねこ

挨拶のあとに見た目が変わるようになったにゃ！
でもずっと棒目のままになっちゃったにゃ…

ベルちゃん

なぜ棒目のままかというと、棒目以外の見た目にするようなプログラムが一切ないからです。一番最初は普通の表情にしたいので、「このスプライトが押されたとき」に、ノーマルの表情になるようにするですよ。

ベルちゃん

ここまで作ると、下のように動くはずです。

すらいむねこ

挨拶するときに普通の表情になったにゃ！

ベルちゃん

それでは復習がてら、最初のサンプルと同じように動くようにするですよ。
下の画像のようにブロックをくみ上げるです。
ブロックがわからなくなったら、もう一度上の方を見直すですよ。

まとめ

すらいむねこ

できた…できたにゃ！！

ベルちゃん

おめでとうです。
それではいつものいくですよ、準備はいいです？

すらいむねこ

いつでもくるんだにゃ！

ベルちゃん

それでは第１問。
スプライトの見た目を編集する画面を出すには、どうするです？

すらいむねこ

それは…

答えを選ぼう！

コスチュームタブをクリックするんだにゃ！
緑の旗を押すんだにゃ！
スプライトのアップロードを押すんだにゃ！

ベルちゃん

それでは第２問。
スプライトの見た目を変えるブロックはどれです？

すらいむねこ

それは…

答えを選ぼう！

10歩動かすブロックだにゃ！
このスプライトが押されたときブロックだにゃ！
コスチュームを〇〇にするブロックだにゃ！

ベルちゃん

最後の問題。
作っている途中、ベルが棒目から変わらなかったときがあったです。
何が原因だったです？

すらいむねこ

それは…

答えを選ぼう！

ベルちゃんが眠かったからだにゃ！
棒目しかアップロードしてなかったからだにゃ！
棒目以外にしてなかったからだにゃ！

ベルちゃん

おつかれさまですよ。
下にちゃんとベルが自己紹介する完成版を用意したです。
これを見ながら自分なりにいろいろ改造してみるのもいいですよ。

すらいむねこ

上の完成版のプログラムは、
下の「完成版のプログラム」をクリックするとでてくるにゃ。

完成版のプログラム

ベルちゃん

それではまた次回にお会いするですよ。

すらいむねこ

またにゃ～！

こげねこ

次回はこっちにゃ

このブログ記事はお役に立てましたか？

よかったらシェアしてね！

URLをコピーしました！

このブログ記事を執筆したパソコン講師

こげねこ

ドット絵がアイコンのこげねこです！

プログラミングでゲームを作ってみたり、自分の描いた絵を動かしたりしてみませんか？
テクノロジー時代の寺子屋「テクこや」で楽しく学んでいきましょう
＝・ω・＝

この著者の記事一覧へ

【第４回】初心者からはじめるScratch！【はじめてのプログラミング】

素材のダウンロード

スプライトのアップロード

いよいよプログラミング！

コスチュームを変えよう

まとめ

このブログ記事はお役に立てましたか？

このブログ記事を執筆したパソコン講師

質問などあれば気軽に書き込んでくださいね♪

コメントするコメントをキャンセル

【第４回】初心者からはじめるScratch！【はじめてのプログラミング】

素材のダウンロード

スプライトのアップロード

いよいよプログラミング！

コスチュームを変えよう

まとめ

このブログ記事はお役に立てましたか？

このブログ記事を執筆したパソコン講師

この記事を読んだ方は以下の記事も読んでいます

質問などあれば気軽に書き込んでくださいね♪

コメントする コメントをキャンセル

コメントするコメントをキャンセル