今回は音声再生をしてみたいと思います。 色々とあさってると、MP3での再生のほうが簡単みたいですね。 ライブラリの追加 MP3再生 ライブラリの追加 今回はライブラリの追加が必要です。 追加するライブラリは二つです。 ESP8266Audio：https://github.com/e…

今回はArduino IDEのシリアルプロッタ機能を紹介します。 シリアルプロッタ 1個のデータを表示 2個のデータを表示 シリアルプロッタ シリアル通信で送られてくる数値をグラフ表示します。 連続的な数値のデータを表示する際はすごい役に立つ機能ですね。シリ…

シリアルモニタを使って受信したデータの表示をしてみましょう。 データ受信 サンプルコード データ受信 まずはシリアルでデータを受信しているか確認するための関数がこちらです。 戻り値にデータのバイト数を返します。 Serial.available(); 受信したデー…

今回はM5stackでお世話になっているArduino IDEの機能を紹介します。 Arduino IDEとは シリアルモニタ Arduino IDEとは Arduinoの開発環境で、コンパイル・実行などの作業ができます。ソフトのダウンロードはこちらからどうぞ www.arduino.cc シリアルモニタ…

前回はQRコードの表示をやりました。 m5stack-build.hatenablog.com今回はキーボードで入力した文字列をQRコードにして表示してみました。 入力文字列のQRコード化 www.youtube.com 出来ましたが。。。あまり使い道なさそう。

TwitterのURLをQRコードで表示していみました。 QRコード関数 サンプルコード QRコード関数 QRコードで表示した文字列を設定します。 QRコードのバージョンを第5引数に設定します。 M5.Lcd.qrcode("QRコードにしたい文字列",50,10,220,6); サンプルコード #i…

前回に引き続きソフトキーボードの実装です。 m5stack-build.hatenablog.com 今回はアルファベットの文字クリア、カーソルを追加しました。 それとキーボード変換も長押しからソフトキーボードの中に取り込みました。 文字クリア、カーソル www.youtube.com

前回に引き続きソフトキーボードの実装です。 m5stack-build.hatenablog.com 今回はアルファベットの大文字→小文字→数字とキーボードを変化させました。 アルファベット大文字→小文字→数字入力 youtu.be

ソフトキーボードを作ってみました。 今回はアルファベットの大文字入力を実装しました。 次は小文字入力に切り替えられるようにしてみたいです。 アルファベット大文字入力 youtu.be

SDカードのJPEG画像を表示してみました。 JPEGデータ描画関数 サンプルコード JPEGデータ描画関数 M5stackのディスプレイサイズと同じ大きさの画像を用意すれば、引数にファイルデバイスとファイルパスだけで綺麗に表示されます。 M5.Lcd.drawJpgFile(SD,"/i…

SDカードの中身を表示出来ないかなーっと思って今回はやってみました。 ディレクトリの中身 サンプルコード ディレクトリの中身 今回はどうやればいいのかさっぱりわからなかったのでネットでググったらとても良いサイトがありました。 こちらを参考にしまし…

今回はついにIMUを使って色々やってみようと思ったんですけど 何も知らない私にはハードルが高いので取りあえずIMUって何ってところから始めてみました。 IMUとは 3軸加速度、3軸角速度、3軸方位の表示 IMUとは IMUとはInertial Measurement Unitの略語で日…

今回は充電状態を表示をしてみましょう。 初期化 充電状態を取得するAPI サンプルコード 初期化 初期化に関しては前々回の電池残量を表示したときの記事を参考にしてください。 m5stack-build.hatenablog.com 充電状態を取得するAPI 充電状態を取得する関数…

今回は電池の残量を取得するAPIを掘り下げます。 getBatteryLevel() 戻り値のパーセンテージ(%)の値は？ getBatteryLevel() 戻り値に電池残量をパーセンテージ(%)の値で返します。 戻り値のパーセンテージ(%)の値は？ M5stackで記載されているAPIの説明では…

今回は電池の残量を表示をしてみましょう。 初期化 サンプルコード 初期化 電源関係の初期化はM5.begin()では行っていないのでこちらの関数で初期化しましょう。 私は初期化を忘れてかなりの時間、正しい電池残量を取得出来てませんでした。。。 M5.Power.be…

今回は今までと違って一つのAPIを掘り下げてみました。 setTextSize() 指定できる文字サイズ 実際の大きさは？ まとめ setTextSize() 掘り下げるAPIは setTextSize() です。 引数に描画する文字サイズを指定してコールします。 指定できる文字サイズ 1～7ま…

今回は温度と湿度の表示をしてみましょう。 用意するもの サンプルコード 用意するもの 今回はm5stackだけではできません！！ この前買った充電台に温度湿度センサがついてるのでそれを使います。 m5stack-build.hatenablog.com サンプルコード Arduino IDE…

今回はマルチタスクの実装をしてみましょう。 タスクの生成 マルチコアを実行するコード タスクの生成 タスクを生成する関数はこちらです。 // タスク生成 xTaskCreatePinnedToCore(Clock_Time, "Clock_Time", 4096, NULL, 1, NULL, 0); xTaskCreatePinnedTo…

今回はm5stackの充電台を購入したので、ちょっとした紹介をしてみます。 内容物 完成図 実は充電だけじゃない まとめ 内容物 内容物一式•充電台 × 1 •Type-C USBケーブル × 1 •M3 × 16 mm ネジ × 2 •六角レンチ × 1ネジはm5stack本体と充電台を固定するもの…

今回は時刻を設定してみましょう。 NTPサーバによる時刻設定 setTimeによる時刻設定 時刻を設定するコード NTPサーバによる時刻設定 前回は起動時にNTPサーバから時刻情報を取ってきて表示してました。 m5stack-build.hatenablog.com setTimeによる時刻設定 …

今回はWifiに接続して時刻を取ってきて表示するプログラミングを作成しました。 色々と詰め込んでしまいました。。。 wifiへの接続 時刻の取得 時刻を表示するコード wifiへの接続 まずは初期化して引数にSSIDとパスワードを設定します。 WiFi.begin(ssid, p…

今回はSDカードへアクセスするプログラミングを作成しました。 SDカード用意 SDカードにアクセスする手順 テキストファイルの内容を表示するコード SDカード用意 M5stackでは16GB以下のmicroSDカードが使えるみたいなので、用意するときは容量に注意して購入…

前回からだいぶ時間が空いてしまいましたが、 今回はバックライトを調整するプログラミングを作成しました。 バックライトの設定 バックライトを設定するコード バックライトの設定 バックライトの設定関数をがこちらです。0～255まで設定可能です。 M5.Lcd.…

今回はボタンを押して、押された回数をカウントするプログラミングを作成しました。 ボタンのイベントを取得する方法図形の表示 ボタンをカウントするコード ボタンのイベントを取得する方法図形の表示 各ボタンの関数がこちらです。ボタンが押されると戻り…

今回は三角形、四角形、円をランダムで表示させるプログラミングを作成しました。 図形の表示 ランダムで図形を表示 次回 図形の表示 図形表示の方法はこちら m5stack-build.hatenablog.com ランダムで図形を表示 ランダム関数も使用して、どの図形を表示さ…

m5stackでは文字の表示だけでなく、図形を表示する関数も用意されています。今回は三角形、四角形、円を表示させてみよう。 図形の表示 次回 図形の表示 三角形はdrawTriangle()関数で三点のxy座標を指定します。 M5.Lcd.drawTriangle(22, 22, 69, 98, 51, 2…

どのプログラミング言語も大体は「Hello World」で始まってますよね。今回はm5stackでもHello Worldを表示させてみよう。 文字位置の指定 次回 文字位置の指定 位置はsetCursor()関数でx座標とy座標を指定します。 M5.Lcd.setCursor(50,100); 中央位置に表示…

どのプログラミング言語も大体は「Hello World」で始まってますよね。今回はm5stackでもHello Worldを表示させてみよう。 「Hello World」の表示 文字サイズの変更 文字色の変更 次回 「Hello World」の表示 画面にはprint()関数で表示します。 M5.Lcd.print…