M5STACK(10)　WiFiに接続

WiFiに接続して、用途を広げてみたいと思います。

#include <M5Stack.h>
#include <WiFi.h>

#define WIFI_SSID "XXXXXXXXXXXXXXXX" //各自の環境に合わせて設定
#define WIFI_PASSWORD "XXXXXXXXXXXXXXXX" //各自の環境に合わせて設定

void setup() {
  M5.begin();
  // Wi-Fi接続
  WiFi.begin(WIFI_SSID, WIFI_PASSWORD);
  while (WiFi.status() != WL_CONNECTED) {
    delay(500);
  }
  M5.Lcd.fillScreen(BLACK);
  M5.Lcd.setCursor(0, 0);
  M5.Lcd.setTextSize(3);
  M5.Lcd.println("WiFi\nIP address\n");
  M5.Lcd.println(WiFi.localIP());
  M5.Lcd.println("");
}

void loop() {

}

Positive Thinking

2022.03.17

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

https://positive-thinking.net/m5stack9　lcdについて　その5

M5Stackに装備されているTFTカラーLCDにグラデーション表示してみました。スケッチこのスケッチは、https://wak-tech.com/archives/1791を参考にさせていただきました。#include <M5Stack.h>//rgbを色に変換して指定座標に描画void setRGB(int r, int g, int b, int posx, int posy){ uint16_t color = M5.Lcd.color565(r,g,b); M5.Lcd.drawPixel(posx,posy,color);}void setGradation(int r, int g, int b, int changecolor){ int red = r; int green = r; int blue = r; for(int y = 0; y < 240; y++){ for(int ...

Positive Thinking

2022.03.14

M5STACK(8)　LCDについて　その4

https://positive-thinking.net/m5stack8　lcdについて　その4

M5Stackに装備されているTFTカラーLCDの使い方の続編です。線を描く直線を使って、遊んでみました。#include <M5Stack.h>void setup() { M5.begin(); M5.Lcd.setTextSize(4);}void loop() { for(int i=0;i<=240;i++){ M5.Lcd.drawLine(0, 0, 320, 240-i, WHITE);//（x1, y1) (x2, y2) } for(int i=0;i<=240;i++){ M5.Lcd.drawLine(320, 240, 0, 0+i, YELLOW);//（x1, y1) (x2, y2) } M5.Lcd.drawFastVLine(10, 10, 220, RED);//(x,y,height,col) (x,y)からheightだけ垂直（Vertical）な線を書く M5.Lc...

Positive Thinking

2022.03.11

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

https://positive-thinking.net/m5stack7　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); //枠だけ left, top, witdh, height M5.Lcd.fillRect(10, 90, 300, 60, colors); // 塗りつぶし left, top, witdh, height M5.Lcd.drawRoundRect(10, 170, 300, 60, 20, colors); //...

Positive Thinking

2022.03.09

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

https://positive-thinking.net/m5stack6　lcdについて　その2

M5Stackに装備されているTFTカラーLCDの使い方の続編です。全体を塗りつぶすLCDディスプレイを塗りつぶします。いろんな色で塗りつぶしてみました。#include &amp;lt;M5Stack.h&amp;gt;void setup() { M5.begin(); M5.Lcd.setTextSize(4);}void loop() { uint16_t colorvalue; for(int R = 255; R&amp;gt;=0; R--){ for(int G = 255; G&amp;gt;=0; G--){ for(int B = 255;B&amp;gt;=0; B--){ colorvalue= M5.Lcd.color565(R,G,B); M5.Lcd.fillScreen(colorvalue); ...

Positive Thinking

2022.03.07

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

https://positive-thinking.net/m5stack5　lcdについて　その1

M5Stackには320ｘ240のTFTカラーLCDが装備されています。このLCDを制御するコマンドについて勉強したときの備忘録を掲載します。ディスプレイの解像度LCDディスプレイの解像度を取得するのは以下のスケッチで可能です。#include &lt;M5Stack.h&gt;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

2022.03.05

M5STACK(4) 温度の測定

https://positive-thinking.net/m5stack4-温度の測定

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

2022.03.04

M5STACK(3) 距離の測定

https://positive-thinking.net/m5stack3-距離の測定

超音波を使って距離を測定するセンサー　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

2022.03.02

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

https://positive-thinking.net/m5stack（2）　プログラミングの準備　

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

Positive Thinking

2022.02.24

M5STACKについて

https://positive-thinking.net/m5stackについて

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