M5Stackでできること〜表示色をなめらかに変化させる

M5StackのLCD画面には、色指定をして文字や図形を表示することができます。

リンク

色の指定は16bit Colorで行うことになっており、そのうちいくつかの色については「BLACK」「RED」などのように名前が定義されています。

こんな感じで表示します。

M5.Lcd.fillScreen(WHITE);
M5.Lcd.fillScreen(0xFFFF);

さて、より直感的に分かりやすい「RGBの3色 × 8bit」で色指定するために「color565」という関数があります。

今回はこの関数を使って、LCD画面の表示色を白（R:255 G:255 B:255）から赤（R:255 G:0 B:0）になめらかに変化させてみます。

スケッチは以下のとおりです。

#include <M5Stack.h>

boolean flag = true;
int     val  = 0;

void setup() {
  M5.begin();
}

void loop() {
  if(flag) val++;
  else     val--;
  if(val<=0)   flag = true;
  if(val>=255) flag = false;

  M5.Lcd.fillScreen(M5.Lcd.color565(255, val, val));
}

このように、画面の表示色を白から赤になめらかに変化させることができました。