M5STACK(7) LCDについて その3
posi-think
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);
}
