M5STACK(6)　LCDについて　その2

M5Stackに装備されているTFTカラーLCDの使い方の続編です。

全体を塗りつぶす

LCDディスプレイを塗りつぶします。いろんな色で塗りつぶしてみました。

#include <M5Stack.h>

void setup() {
  M5.begin();
  M5.Lcd.setTextSize(4);
}

void loop() {
    uint16_t colorvalue;
    for(int R = 255; R>=0; R--){
      for(int G = 255; G>=0; G--){
        for(int B = 255;B>=0; B--){  
          colorvalue= M5.Lcd.color565(R,G,B); 
          M5.Lcd.fillScreen(colorvalue);
          //delay(10);
        }
      }
    }
}

全体を塗りつぶす　バージョン2

塗りつぶしの別バージョンです

#include <M5Stack.h>

void setup() {
  M5.begin();
  M5.Lcd.setTextSize(4);
}

void loop() {
  uint16_t colors[] = {WHITE, RED, GREEN, BLUE, BLACK, YELLOW };
  for(int j = 0; j<6; j++){
    M5.Lcd.fillScreen(colors[j]);
    delay(1000);
  }
}

テキストの表示と色

テキストを表示します。色の指定も行ってみました。

#include <M5Stack.h>

void setup() {
  M5.begin();
  M5.Lcd.setTextSize(4);
}

void loop() {
    M5.Lcd.fillScreen(WHITE);
    M5.Lcd.setCursor(10,10);
    M5.Lcd.setTextColor(GREEN);//文字色設定(背景は透明)(WHITE, BLACK, RED, GREEN, BLUE, YELLOW...)
    M5.Lcd.print("Hello World \n\nHello World");
    delay(1500);
    M5.Lcd.setCursor(10,10);
    M5.Lcd.setTextColor(BLUE,BLACK);//文字色設定(背景は黒)
    M5.Lcd.print("Hello World \n\nHello World");
    delay(1500);
}

Positive Thinking

M5STACK(5)　LCDについて　その1

🕒️2022年3月7日

M5Stackには320ｘ240のTFTカラーLCDが装備されています。このLCDを制御するコマンドについて勉強したときの備忘録を掲載します。ディスプレイの解像度LCDディスプレイの解像度を取得するのは以下のスケッチで可能です。#include <M5Stack.h>void setup() { M5.begin(); M5.Lcd.setTextSize(4);}void loop() { M5.Lcd.fillScreen(BLACK); M5.Lcd.setCursor(0,0); M5.Lcd.println(M5.Lcd.width()); M5.Lcd.print(M5.Lcd.height()); delay(500);}画面の向きM5StickCのディスプレイには以下の４...

Positive Thinking

M5STACK(4) 温度の測定

🕒️2022年3月5日

IC温度センサーLM35DZをM5Stackに接続しました。LM35DZの接続スケッチ#include <M5Stack.h>int LM35_SOCKET = 35;void setup() { M5.begin(); M5.Lcd.setTextSize(4);}void loop() { int analog_val; float input_volt; analog_val = analogRead(LM35_SOCKET); input_volt = float(analog_val)*(5.0/1023.0); M5.Lcd.fillScreen(BLACK); M5.Lcd.setCursor(70, 100); //M5.Lcd.print(analog_val); M5.Lcd.print(input_volt/0.01); M5.Lcd.print("deg"); delay(500);}結果

Positive Thinking

M5STACK(3) 距離の測定

🕒️2022年3月4日

超音波を使って距離を測定するセンサー　SR04とM5Stackを接続し、距離を計測してみました。配線 スケッチ#include <M5Stack.h>#define TRIG 2#define ECHO 5int tt;int kyori;void setup() { M5.begin(); pinMode(TRIG, OUTPUT); pinMode(ECHO, INPUT); // 文字サイズ M5.Lcd.setTextSize(10);}void loop() { // 超音波を発生させる digitalWrite(TRIG, HIGH); delayMicroseconds(10); digitalWrite(TRIG, LOW); // 超音波を受け取る tt = pulseIn(ECHO, HIGH); kyori = (int)(tt * 100/578); // ディスプ...

Positive Thinking

M5STACK（2）　プログラミングの準備　

🕒️2022年3月2日

USBシリアルドライバのインストール私の場合は、既にArduinoIDEがインストールされていますので、ArduinoIDEがインストールは省略します。https://m5stack.com/pages/downloadを開き、CP210X Driverをダウンロードします。（私はウィンドウズバージョンをダウンロード）ダウンロードしたZipファイルを解凍して、自分の環境にあったインストーラーを実行します。私は64ビットのwindowsを使っているので、64bit版をインストールします。次へ　をクリックします。使用許諾契約に同意して　次へ　をクリック次の画面が出てきたら、インス...

Positive Thinking

M5STACKについて

🕒️2022年2月24日

M5StackM5Stack（エムファイブスタック）は、小型のマイコンモジュールです。約5cm×5cmの正方形のケースの中に以下の部品（機能）がひとつのモジュールになり、ハードウェア開発の手間が大幅に削減され、ソフトウェア開発に専念することができることから人気があります。 Wi-Fi Bluetooth CPU（ESP32） カラー液晶ディスプレイ プッシュボタン スピーカー microSDカードスロットI「M5Stack」は「M5シリーズ」と呼ばれる製品群の代表的なモデルとされており、M5Stack以外にもM5StickC・M5Camera・M5StickVなど、名前の先頭に「...