スクラッチプログラミング - 「みため」ブロックで文字をおもしろくひょうじしよう
だんだんきえていく文字、おくからとび出してくるように大きくなる文字、カラフルにいろをかえる文字。「みため」のブロックをつかって、文字のスプライトをおもしろく表示(ひょうじ)してみましょう。
サンプルさくひんを見てみよう
まずは、サンプルさくひんであそんでみてください。
このプロジェクトでちゅうもくしてほしいのは、文字の表示方法(ひょうじほうほう)です。
- ゲームのせつめい…文字がだんだんきえる
- カウントダウン…数字(すうじ)がとび出すように大きくなる
- おわりの文字…カラフルにいろがかわる
(プロジェクトがひょうじされないばあいは、ScratchのPyxofyページをごらんください)
今回(こんかい)はこのように、スプライトの見た目をかえて表示(ひょうじ)する方法(ほうほう)をしょうかいします。
このきじをよむとわかること
- 「ゆうれいのこうか」「おおきさ」「いろのこうか」ブロックのつかいかた
- 「ブロックていぎ」でプログラムを見やすくするほうほう
すこしずつ見えなくなる
「ゆうれいのこうか」ブロックをつかうと、スプライトを見えなくすることができます。
![幽霊の効果で文字が消える画像 幽霊の効果で文字が消える画像](https://www.pyxofy.com/content/images/2021/08/ghost-effect.jpg)
- 「(100)かいくりかえす」
- 「ゆうれいのこうかを(1)ずつかえる」
![幽霊の効果を100回くりかえすで囲んだコード 幽霊の効果を100回くりかえすで囲んだコード](https://www.pyxofy.com/content/images/2021/08/repeat-ghost-effect.jpg)
「ゆうれいのこうか」は「100」になると、スプライトがとうめいになって見えなくなります。「1ずつかえる」ことで、すこしずつゆっくり見えなくなりますよ。
サンプルさくひんのプログラム
この記事(きじ)のさいしょにあるゲームでは、下のようなプログラムになっています。
ずらりとつながったムラサキとオレンジのブロック。どういううごきになるのか、よく見ないとわかりづらいですね。
![サンプル作品の説明文字のプログラム サンプル作品の説明文字のプログラム](https://www.pyxofy.com/content/images/2021/08/sample-project-code.jpg)
あかでかこんだところが、「すこしずつ見えなくなる」うごきをあらわしています。
![幽霊の効果をあたえるコードの部分が赤い四角で囲まれている画像 幽霊の効果をあたえるコードの部分が赤い四角で囲まれている画像](https://www.pyxofy.com/content/images/2021/08/ghost-effect-code-blocks.jpg)
「がぞうこうかをなくす」ブロックで「ゆうれいのこうか」をなくしておきます。ふつうに見えるじょうたいにしてから、「ゆうれいのこうか」をつかうところがポイントです。
![幽霊の効果を繰り返すブロックの上に画像効果をなくすブロックを使う 幽霊の効果を繰り返すブロックの上に画像効果をなくすブロックを使う](https://www.pyxofy.com/content/images/2021/08/clear-graphic-effect.jpg)
ブロックていぎ
たてにながくてわかりにくいプログラムも、ブロックていぎで見やすくなりますよ。
「すこしずつ見えなくなる」といううごきをあらわす、あたらしいブロックをつくってみましょう。
- 「見えなくなる」というなまえのブロックをつくる
- 「見えなくなる」をていぎする
![見えなくなるという新しいブロックを作ってコードエリアで定義する 見えなくなるという新しいブロックを作ってコードエリアで定義する](https://www.pyxofy.com/content/images/2021/08/make-a-block.jpg)
「見えなくなる」ブロックをつかうと、プログラムがスッキリ見やすくなりました!
![見えなくなるというブロックをつかったプログラム 見えなくなるというブロックをつかったプログラム](https://www.pyxofy.com/content/images/2021/08/use-my-block.jpg)
だんだん大きくなる
「おおきさ」ブロックをつかうと、スプライトのサイズをかえることができます。
![すごく小さい数字が大きくなる画像 すごく小さい数字が大きくなる画像](https://www.pyxofy.com/content/images/2021/08/change-size.jpg)
- 「おきさを(10)%にする」
- 「(20)かいくりかえす」
- 「おおきさを(20)ずつかえる」
![すごく小さい状態からだんだん大きくするコード すごく小さい状態からだんだん大きくするコード](https://www.pyxofy.com/content/images/2021/08/code-to-change-size.jpg)
さいしょにおおきさを10%にして、スプライトを小さくしておきましょう。
サンプルさくひんでは、「おおきさを20ずつかえる」を「20かいくりかえす」ことで、もとのスプライトの大きさ(100%)より大きくなるようにしています。
カラフルにいろがかわる
「いろのこうか」ブロックをつかうと、スプライトのいろをかえることができます。
![文字の色が変わる画像 文字の色が変わる画像](https://www.pyxofy.com/content/images/2021/08/change-color.jpg)
- 「(40)かいくりかえす」
- 「いろのこうかを(25)ずつかえる」
![文字の色をカラフルに変えるコード 文字の色をカラフルに変えるコード](https://www.pyxofy.com/content/images/2021/08/code-to-change-color.jpg)
「いろのこうかを25ずつかえる」ブロックは、8かいくりかえすと、もとのいろにもどります。
サンプルさくひんでは、40かいくりかえしてカラフルにいろをかえていますよ。
(サンプルさくひんのプログラムをぜんぶ見たいかたは、 ScratchのPyxofyページから、「中を見る」でごらんください)
![](https://www.pyxofy.com/content/images/2024/07/cover-page-320-4.png)
「きょうからはじめるスクラッチプログラミング入門」by Pyxofy
Pyxofy から Scratch の基本をまとめた電子書籍を出版しました。
Apple Books・Kindle でご購入ください。
まとめ
ここまで、「みため」のブロックをつかって、スプライトをおもしろく表示(ひょうじ) する方法(ほうほう)をしょうかいしました。
ブロックのくみあわせによって、いろいろな表示(ひょうじ)ができます。スプライトの見た目の変化(へんか)をたのしんでくださいね!
さて、サンプルさくひんの中でたくさん出てきたエイリアン。このエイリアンは「クローン」のブロックをつかってプログラミングしています。
次回(じかい)は、スプライトをふくせいすることができる「クローン」についてしょうかいします。
\この記事が参考になったら Tweet おねがいします/