M5STACK(7) LCDについて その3

ブログランキング・にほんブログ村へ

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

長方形を描く

長方形を描いてみました。

#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.drawRect(10, 10, 300, 60, colors[j]); //枠だけ left, top, witdh, height
    M5.Lcd.fillRect(10, 90, 300, 60, colors[j]); // 塗りつぶし left, top, witdh, height
    M5.Lcd.drawRoundRect(10, 170, 300, 60, 20, colors[j]); // 隅が丸くなった長方形(x,y,width,height,radius,col)
    delay(1000);// 1000ms待つ
    M5.Lcd.fillScreen(BLACK);
  }
}

円を描く

円を描いてみました

#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.drawCircle(160, 120, j*10+10, colors[j]); //枠だけ center-x, center-y, radius
    delay(200);
  }
  delay(1000);// 1000ms待つ
  M5.Lcd.fillScreen(BLACK);
  
  for(int j = 0; j<6; j++){
    M5.Lcd.fillCircle(160, 120, 60-j*10+10, colors[j]); //枠だけ center-x, center-y, radius
    delay(200);
  }
        
  delay(1000);// 1000ms待つ
  M5.Lcd.fillScreen(BLACK);
  
}

三角形の表示

三角形を描いてみました。

#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.drawTriangle(160, 20+(j+1)*10, 20+(j+1)*10, 200-(j+1)*10, 300-(j+1)*10,  200-(j+1)*10, colors[j]);//枠だけ (x1, y1), (x2,y2), (x3, y3)
    delay(200);
  }
  delay(1000);// 1000ms待つ
  M5.Lcd.fillScreen(BLACK);
  
  for(int j = 0; j<6; j++){
    M5.Lcd.fillTriangle(160, 20+(j+1)*10, 20+(j+1)*10, 200-(j+1)*10, 300-(j+1)*10,  200-(j+1)*10, colors[j]); //枠だけ center-x, center-y, radius
    delay(200);
  }
  delay(1000);// 1000ms待つ
  M5.Lcd.fillScreen(BLACK);
}






ブログランキング・にほんブログ村へ

  • X

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です