初心者OK!こどもプログラミング入門(Scratch)

子ども向けプログラミング学習の定番「Scratch」の使い方。我が子(小学1年)の初挑戦記録付き。

わかりやすさ重視のパソコン講座もスタートしました!

■ かんたんパソコン講座

子どもも、初心者の方もわかりやすいよう、できるだけかんたんな言葉を使ったパソコン使い方ブログも始めました。学校の発表に利用されることも多いパワーポイントの使い方から、大人にも子どもにも役立つパソコンの使い方をいろいろ紹介予定です。プログラミング以外にも、パソコンを便利に活用しましょう。

学校でも利用することの多い「パワーポイント(PowerPoint)」のカテゴリはコチラです。

キャラやアイテムを増やす!スプライトの追加とコツをマスター

スポンサーリンク

 

f:id:shufufu:20170314220724j:plain

 「新しいスプライト」を追加する

Scratch(スクラッチ)では、背景の上に配置されるものをまとめて「スプライト」と言います。ネコなどのキャラクターだけでなく、リンゴやボールなどの物もそうですし、シューティングゲームであれば発射される弾もスプライトです。

今回は、そんなスプライトの追加方法をマスターしましょう。

 

スプライトにする画像ファイルの出どころを選ぶ

スプライトについての操作を行うときは、最初に画面の左下にある「スプライト」をクリックします。

スプライトを追加するには、「新しいスプライト」と書かれた横にある小さいボタンをクリックするのですが、スプライトにする画像をどこからの取り入れるのかによって使うボタンが違います。

f:id:shufufu:20170314221027j:plain

 ボタンは左から以下の通りです。

 ・スプライトをライブラリーから選択

・新しいスプライトを書く

・ファイルから新しいスプライトをアップロード

・カメラから新しいスプライトを作る

用途によって使い分けよう

「ライブラリー」には、スプライトに利用できる画像があらかじめいくつも用意されています。今回はそれを利用します。

その他、「新しいスプライトを書く」からは、自分でスプライトを書くことができます。「ファイルから新しいスプライトをアップロード」を選ぶと、パソコン内にある写真やイラストも利用できます。 

「カメラから新しいスプライトを作る」はその名の通り、パソコンのカメラを使って撮影したいときに使います。

 

ここでは「スプライトをライブラリーから選択」をクリックします。

f:id:shufufu:20170314221220j:plain

 

使いたいスプライトを選ぶ

カテゴリーやテーマをクリックすると表示されるスプライトが切り替わるので、使いたいものを選びましょう。

ここでは「Frog」を選んで、OKをクリックします。

f:id:shufufu:20170314221242j:plain

 

ステージに新しいスプライトが追加されました。

f:id:shufufu:20170314221310j:plain

 

スプライトへのスクリプトはそれぞれ設定できる

複数のスプライトがあるときは、それぞれにスクリプトを設定します。設定を行いたいスプライトをクリックしてから設定しましょう。

ネコをクリックして、ネコへの指示をブロックで指定。ネコだけが話します。

f:id:shufufu:20170314221344j:plain

 

カエルをクリックして、カエルへの指示をブロックで指定。こちらの指示はカエルだけが行います。

f:id:shufufu:20170314221422j:plain

 

スプライトの便利なコツをチェック!

続いてスプライトの扱いに便利な機能をチェックしておきましょう。

 

詳しい情報を表示してスクリプトの名前を変更できる

画面左下のスプライトの一覧で選択すると表示される「i」のボタンをクリックすると、そのスプライトの詳細が表示されます。

f:id:shufufu:20170314221548j:plain

f:id:shufufu:20170310111433j:plain

f:id:shufufu:20170314221603j:plain

 

スプライトの名前はここで変えることができます。使いたい名前を入力しましょう。

f:id:shufufu:20170314221644j:plain

同じネコのスプライトが何匹も出てくるアプリを作るような場合は、「にゃこたろう」「ねこぞう」などのように名前を付ければ、とてもわかりやすくなりますよ。

 

スプライトの色を変えられる

スプライトの色は変えられます。スプライトを選んで、「スクリプト」タブの「動き」にある「色の効果を25ずつ変える」をクリックしてみましょう。

f:id:shufufu:20170314221728j:plain

f:id:shufufu:20170310111433j:plain

f:id:shufufu:20170314221737j:plain

色が変わりました。何種類かの色が登録されていて、クリックするたびに順に変わります。

この色はスプライトごとに違うので、利用したいスプライトがどんな色に変化させられるかチェックしてから使いましょう。

色の数値を覚えておこう

パレットにある状態で何度かクリックして、自分が使いたい色にするには、数値をいくつにすればよいのかを覚えておきましょう。

たとえば5番目に表示される濃い青は、「25×5」なので「色の効果を125にする」で指定できますし、7番目の赤は「25×7」で「色の効果を175にする」になります。

 

たとえば、色の効果と背景の変更用ブロックをこんな風に組み合わせます。

f:id:shufufu:20170314221927j:plain

 

実行するとこんな具合です。

f:id:shufufu:20170314221949j:plain

f:id:shufufu:20170314222008j:plain

f:id:shufufu:20170314221959j:plain

 

 

色の効果、その他の効果(以下で紹介)は、「画像効果をなくす」のブロックをクリックすると、元に戻せます。

f:id:shufufu:20170314222034j:plain

 

その他の面白効果も覚えておこう

色以外にも、スプライトには面白い効果を設定できます。ブロックの「色」部分をクリックすると表示されるので、使いたい効果を選びましょう。

f:id:shufufu:20170314222112j:plain

 

渦巻の設定、ショックに崩れ落ちてる感じ??

f:id:shufufu:20170314222134j:plain

 

モザイクの設定、ネコがモザイク化しました

f:id:shufufu:20170314222209j:plain

 

幽霊の設定、透けてます(笑

f:id:shufufu:20170314222227j:plain

なかなか楽しくて、大人でも思わずハマります。

 

次回は娘の作品第二弾を掲載予定です。プログラミング的思考の育成、さっそく効果が出ているような??

Copyright © 2016 初心者OK!こどもプログラミング All rights reserved.