ちょっとついでに勉強 M5stack おっと!危ない!画像が飛んでくるw!!

あともう一つM5stackネタで^^今回はこれで!

これは前回のなんちゃって動画ではなくて、パソコン画面の一部がwi-fiを介してM5stackに飛んできています。

もうここまで来ると魔法ですねw
これは、らびやんさんが作られたESP32_ScreenShotReceiverというプログラムを使わせてもらっています。
プログラムの名前部分をクリックしてもらうと公開されているGitHubに飛びます。
ここに使い方が書いてあるのですが、書いてある前の段階ですでに分からないw
どうやってM5stackに入れるのか??てなことでその辺書いてみます^^
ただし、私がこの方法で出来たというだけで本当は正式な他の方法が有るのかもしれません^^;
ちなみにarduinoIDEが入っているWindowsが前提です。

①まずは先ほどのリンクを開いて

右上のcodeをクリックしてDownload Zipを選択してダウンローします。

 

②解凍すると

このようなファイル構成になっています。
ScreenShotReceiverフォルダの中にScreenShotReceiver.inoというファイルが有るのでこれをダブルクリックします。

arduinoIDEが立ち上がってプログラムが表示されます。

③arduinoIDEの上部の項目、ツール→ライブラリーの管理で「M5stack」 と入力して次の3つのライブラリを入れてください。
M5Stack

LovyanGFX

M5Stack-SD-Updater

 

④ライブラリーは揃いましたが、このままコンパイルすると

こんな感じでエラーが出ますので

#include <M5Stack.h>を追加してあげてください。
これが分かるまで2日位かかりましたww

 

⑤コンパイルしてarduinoIDEでそのままM5stackに書き込みしてください
初回の場合はwi_fiを検索した後、このような画面になります

⑥次にスマホでSmartCofigアプリを使います。プログラム中にも使用アプリが書いてあるのですが、私は気づかずにこちらのアプリ、IoTSmartconfigを使いました。

⑦アプリを立ち上げて

SSIDに家で使用しているwi_fiの名前を入力します。スマホのwi-fi接続の今選択されているwi-fiの名前を入力です。
Passwordにはその接続しているwi-fiの機器のケースの横等に書いてあるwi-fiのパスワードを入力します。

実はここでも色々とこのアプリの使い方を調べているときにSSIDとパスワードを入力してくださいと書いてあったのですが、なんの名前とパスワードか分からずに悩みましたww

入力後Submitをクリックします。

⑧なかなか繋がらない時も有りますが、スマホをM5stackの横に置いてしばらく待つと、スマホ画面にこのような表示が出て(たまにこの表示でないときありますが、M5stsckの方にIPアドレス出ていれば大丈夫です。)

M5stackの方にはこのような表示が出ます。

 

⑨次にPCの方の先ほどダウンロードして解凍したフォルダの中の

ScreenShotSender.exeをダブルクリックで起動します。

⑩するとこのような2つの枠が現れます

このウインドウの赤矢印部分にM5stackに表示されているIPアドレスを入力します。

黄色矢印部分のConnectを押すと、PCの画面の一部がM5stackに飛んできて表示されます。

緑矢印で、M5stackに表示される画面の大きさが変更できます320x240がm5stackの画面の大きさです。

⑪PC側の白枠はマウスで拡大縮小、移動が出来て表示範囲を変更することも出来ます。
HideBoxで白枠を消すことも出来ます。
youtubeもこんな感じで表示出来ます。なお音は出ませんw動画の音はPCの物ですw

凄いですよね~!殆ど遅れを感じません!

 

とりあえずこれでこのプログラムは使えるようになったのですが、せっかくのM5stackをこれ専用で使うのももったいないです。そんな時のために前回最初にLovyanLauncherを入れる方法紹介したの覚えておられるでしょうか?
このランチャーでソフトの切り替えを行います。

⑴先ほどコンパイルできる状態にしたScreenShotReceiver.inoを再度開きます

スケッチ→コンパイルしたバイナリを出力 とします。

⑵次にスケッチ→スケッチのフォルダを表示

するとファイルScreenShotReceiver.ino.m5stack_core_esp32.binというファイルが増えています。
このままだとファイル名が長いのでScreenShotReceiver.binという名前に変更

⑶このファイルをM5stackに差し込んであるSDカードをフォーマットしてコピペします。

⑷ついでに前回作成したマクロスのなんちゃって動画もLovyan Launcherで起動できるようにします。必要ない場⑹へ飛んでくださいw
まずプログラムはこのようになります。

(コピペする場合は1行目を忘れずにコピーしてください^^)

少し変更点有ります。以前の物と比べてみてください。
再生ファイル数は358枚在って、画像はmacross_op_shortというフォルダをSDカード内に作ってそこに格納します。枚数は自分で作ったファイルの数に39行目を修正して、フォルダ名も必用なら41行目の部分を修正してください。

⑸このプログラムもScreenShotReceiver.inoの時と同じように「コンパイルしたバイナリを出力」
を選択後、フォルダを開いて、新しくできたファイルをmacross_op_short.binと名前を変更してSDカードにコピペしました。

⑹SDカードをM5stackに差し込んで前回のM5Bunerを使ってLovyanLauncherをインストールして起動します。ちなみにcore2ではインストールしても上手く起動しませんでした^^;

⑺まずはwi-fiを選択して wifi Clientを選択

⑻すると今つかめるwi-fiスポットがリストアップされますので選択後そのwi-fi機器のパスワードを入力してください。

⑼なんか面倒になってきたwここからは動画でw

てな感じでソフトの切り替えが出来ます。エンタープライズの動画がPCからの物です。

ちなみに切り替えは、一番左のボタンを押しながら電源スイッチを一回押して画面が一回ピカッとなったら一番左のボタンを離します。

この機能使えば色々な物出来そうですね^^来年の展示会に持っていこうw

とりあえず液晶とESP32、M5stackを使ったお遊びはこの辺でそろそろ本題のバルキリー製作に戻りますか^^;
でもまた面白い事見つけたらいじりますww

関連すると思われる記事:

8 comments

  1. こんにちは
    ブートローダーでプログラムを使い分ける感じですかね?
    いやぁ、こんなちっちゃいのんでこんなことまでできるとか、ほんとすごいですね。
    展示会でも結構使い道がありそうです。制作動画とか流しとくのも面白いかも。PC画面転送なら容量は気にしなくて済みますし。その場合はアクセスポイントが要るのか?PCがアクセスポイントになればいいのかな?いや、もう電子工作も飛び越えてシステムづくりになってきちゃってますね。毎度、追体験で楽しませてもらってます。

  2. なおさん こんにちは!
    そうなんですよ~。ブートローダーでの使い分けてな感じです。
    ホントESP32の持つ底時からおそるべしです!
    そうそう!製作中の写真とかで動画作って置いておくとか、普段はネームみたいにして首からぶら下げて、お話するときにはその製作動画に変更して説明するとか。SDカード16GBですので容量はいくらでもありますからねw
    PC画像の転送はアクセスポイントが必要そうですから、外部に持ち出しはどうなんでしょうね^^;
    今一歩よくわかっていませんw
    M5stackスイッチサイエンスさんで3575円ですのでお一ついかがでしょうかw?

  3. これを使って小さい筐体でゲームする人がいるわけですけど、要するにモニターケーブル的な信号を飛ばすんでは無くて画像を切り取ったメディアプレイヤーっぽい枠でmpg圧縮みたいな感じなんでしょうかね?画面切り取りで僕もエックスウイングのスコープ内映像作ったんですよ。やっぱりやりたいことがつくづく馬が合うなあ〜。

  4. てつのさん こんにちは!
    仰る通りの様です。
    ESP32はmpegのエンコーダーを持っていないので、画像を飛ばしてパラパラ漫画形式で表示しているようなんですよ。その画像表示のプログラムが高性能なのとESP32がパワフルなので動画に見えてるらしいです。
    なるほど~てつのさんも色々やっておられますからねw!
    あのX-wingのスコープ画像はそうやって作られたんですね。
    M5stack使うと色々出来ますよ^^おひとついかがですか^^

  5. これは面白い使い方できそう!
    でもスマホ持ってないw

    来年になったら絶対使い方忘れてこの前後のエントリ調べまくりそうですw

  6. こんにちは
    ESP32でアプリのバグ取りに手間取っている間に、6jiroさんはどんどん進んで、もう宇宙の彼方へ!
    ここまでいろいろできると、もう夢がどんどん膨らんでいきますね。
    コクピットの周りにちょっとしたLCDパネルで囲んで、風景を移せば、もうシミュレータもどきになって、展示会でも大好評間違いなしです!!
    もう、操縦席の大きな模型が欲しいですね。

  7. gyoさん こんばんは!
    色々と夢が広がりますよね~!
    ちなみにソフトはwindows専用ですので^^
    アクセスポイントが必要と思いますのでその辺は何とかやってくださいw
    先ほどモバイルWi-Fiを使ってテストしたらうまくできました^^
    荷物多くなりますが外に持ち出し可能なようです。
    来年になったら当然私も忘れていますのでww

  8. Vividさん こんばんは!
    ESP32の旅、ひとまず一段落ですwキリがないですからねw
    コクピットの周りに並べてガンダムの操縦席とか再現するのありかもですね!
    このソフト複数のM5stackに同時に送信することも出来るようですから使えそうですね!
    アイデアいただきですw
    初代のガンダムなら3方向位囲めば良さそうですしねw
    なんか考えてみよ^^

Leave a Reply

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

wp-puzzle.com logo