色の変更を使ったスクラッチプログラム例を紹介

色の変更を使ったスクラッチプログラム例

スクラッチのスクリプト(見た目カテゴリ)の中にある「色の効果を変える」を使って出来るプログラム例の紹介です。照明が切り替わっているように見えるプログラムになります。

 

色の効果を使ったスクラッチプログラム

まず背景に「spotlight-stage」を追加し、キャラクターの位置をステージ中央にします。
こんな感じ(↓)。
ステージ

 

で、今回はスプライト(キャラクターのこと)に対してではなく、背景に対してスクリプトを設定することになります。どちらに設定するかを選ぶのは画面左下で選択。

 

ステージのほうが水色の線で囲まれているようにします。
ステージ選択
こうすることで、この背景に対してプログラムを設定することができるようになります。

 

使用するブロックの種類は4つ。

  • 【イベント】 … (旗)がクリックされたとき
  • 【見た目】 … 色の効果を(25)ずつ変える
  • 【制御】 …… ずっと
  • 【制御】 …… (0.2)秒待つ

下記のようにプログラムを組みます。

 

これで実行してみてください。
ステージの証明が切り替わるようになるハズです。

 

ステージではなくキャラクターのネコの色が切り替わったという人は、プログラム(スクリプト)をスプライトに対して行ってしまったことが原因です。

 

画面左下でステージを選択してからスクリプトを組んでください。
水色の線で囲まれているのが選択されているものです。
ステージ選択

 

踊っているような動きを設定

せっかくなので、キャラクターのネコにも踊っているような動きをつけましょう。

 

使用するブロックの種類は5つ。

  • 【イベント】 … (旗)がクリックされたとき
  • 【動き】 …… 回転方法を左右のみにする
  • 【動き】 …… (90)度に向ける
  • 【制御】 …… ずっと
  • 【制御】 …… (0.1)秒待つ

下記のようにプログラムを組みます。
ネコが躍るプログラム

 

「ずっと」の中の上のほうは「(90度)右」に向けるで、下のほうは「(−90度)左」に向けるとなっていることに注意してください。

 

これで実行すると、スポットライトが切り替わるステージでキャラクターのネコが踊っているように見えます。挑戦してみてください。

 

オマケ:背景の色を元に戻すには

背景のスプライトに下記を設定しておくと、スペースキーを押せば背景の色を初期状態に戻すことができます。

 

PR

関連ページ

セリフを言う
スクラッチで基本となるキャラクター(スプライト)がセリフを言うプログラミングの例です。「…と言う」と「…と考える」を使った応用プログラムも紹介しています。応用プログラムはキャラクターが場所をワープするものです。
キャラクターをキーボード操作で左右に動かす
キーボード操作でキャラクターを動かすスクラッチのプログラムの紹介です。矢印キー「←」「→」が押されたときに左右に動くプログラムの見本になります。動かないときに確認すべきポイントも記載しているので参考にしてみてください。
キャラクターをジャンプさせる簡単な方法
スクラッチでキャラクター(スプライト)をジャンプさせる方法はいくつもありますが、ここでは最も簡単なプログラミングサンプルを紹介したいと思います。これを見本に、より自然にジャンプしているように見えるものに挑戦するのもイイかもしれません。
キャラクターを回転
スクラッチでキャラクターを回転させるプログラムの見本です。回転だけでもいろいろなバリエーションを持たせることができるので、参考にしてみてください。使用するブロックは3つだけ。
キャラクターが上下左右に動き回るプログラム例
スクラッチでキャラクター(スプライト)が上下左右に動き回るプログラムの例を紹介したいと思います。空中を飛び回っているように見えるサンプルです。
「大きさを変える」
小学校の授業でも出来るような初心者向けのスクラッチプログラミング事例の紹介です。スプライト(キャラクターのこと)の大きさを変更するスクリプト(命令のこと)を使って出来る簡単なプログラムです。
スクラッチで背景を横に動かすカンタンな方法
スクラッチでゲームの画面のように背景を横に動かす(横スクロールさせる)カンタンな方法を解説します。2倍の長さの背景画像を用意する必要やX軸を少しずつずらしていくような面倒な方法ではありません。
スクラッチでのX座標、Y座標の考え方をマスター
スクラッチでは画面の中の位置をX座標とY座標で表します。この考え方は慣れていないと小学生にとっては難しく感じるかもしれません。ただ、理解してしまえばカンタン。キャラクター(スプライト)を思った位置に動かすために考え方をマスターしておきましょう。
スクラッチ3でのペンの使い方と色に指定する数値の最大値
スクラッチ3でペン機能を使って線を引くには、拡張機能を追加しなければなりません。といっても、ややこしいインストールは不要でボタンを押すだけ。その方法を解説します。スクラッチの開発画面の左下にある「拡張機能」ボタンをクリック。