マトリョーシカ的日常

ワクワクばらまく明日のブログ。

M5Stackでお絵かきソフトをつくってみる。


#m5stack drawing soft!!!!

たのしい

 M5stackははじめからディスプレイがついているので、簡単にお絵かきができる。三角とか四角、丸がかけるよ!

コード
#include <M5Stack.h>
// The setup() function runs once each time the micro-controller starts
void setup() {
  // init lcd, serial, not init sd card
  M5.begin(true, false, true);
  M5.Lcd.clear(BLACK);
  M5.Lcd.setTextColor(YELLOW);
  M5.Lcd.setTextSize(2);
  M5.Lcd.setCursor(65, 10);
  M5.Lcd.println("OEKAKI SOFT");
  M5.Lcd.setCursor(3, 35);
  M5.Lcd.println("Press button B 700ms clear");
  M5.Lcd.setTextColor(RED);
}
// Add the main program code into the continuous loop() function
void loop() {
  M5.update();
 
  // if want use Releasefor; suggest use Release in press event
  if (M5.BtnA.wasReleased()) {
    M5.Lcd.drawRect(random(M5.Lcd.width()-1), random(M5.Lcd.height()-1), random(M5.Lcd.width()-1), random(M5.Lcd.height()-1), BLUE);
  } else if (M5.BtnB.wasReleased()) {
    M5.Lcd.drawTriangle(random(M5.Lcd.width()-1), random(M5.Lcd.height()-1), random(M5.Lcd.width()-1), random(M5.Lcd.height()-1), random(M5.Lcd.width()-1), random(M5.Lcd.height()-1), YELLOW);
  } else if (M5.BtnC.wasReleased()) {
    M5.Lcd.drawCircle(random(M5.Lcd.width()-1), random(M5.Lcd.height()-1),random(3)*10, RED);
  } else if (M5.BtnB.wasReleasefor(700)) {
    M5.Lcd.clear(0x0000);
    M5.Lcd.setCursor(0, 0);
  }
}

 

コマンド
  • M5.Lcd.drawCircle 円を描く
  • M5.Lcd.drawTriangle 三角形を描く
  • M5.Lcd.drawRect 四角形を描く
  • random 乱数をつくる


 あとは色を調整すればそれっぽくなりそう。

M5Stack用ウォッチバンド(黒)

M5Stack用ウォッチバンド(黒)