2.3 カラフルボール

このプロジェクトでは、RGB LEDを使用して異なる色を表示します。

ステージエリアの異なる色のボールをクリックすると、RGB LEDが異なる色で点灯します。

../_images/4_color.png

必要な部品

このプロジェクトには、以下のコンポーネントが必要です。

全キットを購入すると便利です。こちらがリンクです:

名前

このキットのアイテム

リンク

ESP32 Starter Kit

320+

ESP32 Starter Kit

下記のリンクから個別に購入することもできます。

コンポーネントの紹介

購入リンク

ESP32 WROOM 32E

BUY

ESP32カメラ拡張ボード

-

ブレッドボード

BUY

ジャンパーワイヤ

BUY

抵抗器

BUY

RGB LED

BUY

学べること

  • RGB LEDの原理

  • スプライトのコピーと異なるコスチュームの選択

  • 三原色の重ね合わせ

回路の構築

RGB LEDは、赤、緑、青の3つのLEDを透明または半透明のプラスチックシェルに封入したものです。3つのピンに入力される電圧を変えて重ね合わせることで、様々な色を表示できます。統計によると、16,777,216色の異なる色を作り出すことができます。

../_images/4_rgb.png ../_images/3_color_ball_bb.png

プログラミング

1. スプライトの選択

デフォルトのスプライトを削除し、その後 Ball スプライトを選びます。

../_images/4_ball.png

そして、それを5回複製します。

../_images/4_duplicate_ball.png

これら5つの Ball スプライトに異なるコスチュームを選び、それぞれの位置に移動させます。

注釈

Ball3 スプライトのコスチュームの色は、手動で赤に変更する必要があります。

../_images/4_rgb1.png

2. 適切な色でRGB LEDを点灯させる

コードを理解する前に、 RGBカラーモデル を理解する必要があります。

RGBカラーモデルは、赤、緑、青の光をさまざまな方法で組み合わせて広い範囲の色を再現する加法色モデルです。

加法色混合:赤に緑を加えると黄色になり、緑に青を加えるとシアンになり、青に赤を加えるとマゼンタになり、3つの原色をすべて加えると白になります。

../_images/4_rgb_addition.png

したがって、RGB LEDが黄色に点灯するコードは以下の通りです。

../_images/4_yellow.png

ステージのボールスプライト(黄色いボール)をクリックすると、ピン27をハイ(赤色LED点灯)、ピン26をハイ(緑色LED点灯)そしてピン25をロー(青色LED消灯)に設定することで、RGB LEDは黄色に点灯します。

他のスプライトに対しても同様の方法でコードを書くことで、RGB LEDを対応する色で点灯させることができます。

3. ボール2スプライト(水色)

../_images/4_blue.png

4. ボール3スプライト(赤)

../_images/4_red.png

5. ボール4スプライト(緑)

../_images/4_green.png

6. ボール5スプライト(紫)

../_images/4_purple.png