全部の情報: https://scrapbox.io/610t/610t

むとうたけし(武藤武士)

専業主夫(51歳)＠奈良

所属コミュニティ

アカウント一覧

twitter: @610t http://twitter.com/610t

Github: 610t https://github.com/610t

YouTube:https://www.youtube.com/channel/UCdf9QaIb7T1qmzJjl3C-iiA

Scratch

とにかく、楽しいですよね?

センサーなんかのデバイスと一緒に使えるといいですよね?

M5Stack一家

とにかく、楽しいですよね?

センサーなどのデバイスがあっていいですよね?

ハードウエアの特徴(赤字は今回使ったもの)

CPU:ESP32など

ディスプレイ:320x240TFT(Core,Core2), 80×160TFT(M5StickC), 135x240TFT(C Plus), 5x5フルカラーLED(ATOM Matrix)

バッテリー:150mAh(Core), 390mAh(Core2), 80or95mAh(C), 120mAh(C Plus)

ネットワーク:Wi-Fi(2.4G) + BLE

センサー:加速度センサー、ジャイロ、ボタンスイッチ、温度センサーなど

オーディオ:マイク, スピーカー

その他I/O:Grove A(I2C), B(A/D,GPIO), C(UART), M-BUSなど

付属物:腕時計バンド、LEGOマウント、キーボードなど

おすすめ: M5StickC色々付き 2816円: 品薄?(SWITCHSCIENCE,共立エレショップ)

腕時計バンド、LEGOマウント、壁掛けマウント付属

ソフトウエア開発環境

UiFLOW:ビジュアルプログラミング環境, クラウド版/デスクトップ版

Python:UiFlowからの変換可能

Arduino IDE:Arduino言語によるプログラミング

Scratch: ビジュアルプログラミング環境

教育目的などでよく利用される。

意外と変態的な言語: オブジェクト指向, 並行処理, イベント(メッセージ)ベース。

プログラムのシェア/フォーク(リミックス)のためのプラットフォームも提供。

Scratch専用SNS環境もあり。

実は、3つのバージョンがある。

End of Life (現在使えないもの)

Scratch 2: FlashがEoLのため。

Scratch 1.4: 32bitアプリなので最近のmacOSでは死んでますorz

Scratch 1.4:Scratch遠隔センサーを使って、TCP/IP (ポート42001)経由でデータのやり取りができる。

テキストベースのプロトコル。

メッセージのやり取り

変数のやり取り

Scratch側での準備:遠隔センサーを有効にする。

調べる->"スライダセンサーの値"を右クリック->"遠隔センサー接続を有効にする"を選ぶ。

M5Stackとの連携例

UiFLOWを使った方法 by @abee2

M5Stack -> Scratch (逆は難しい?)

M5Scratch by @610t: /CoderDojoNara/M5Scratchってなぁに？@DojoCon 2020 プログラミングコンテスト動画

おまけ: スマートフォンからScratch 1.4を使う。

Android: Physical Sensors for Scratch, Scratch Sensor

iOS: 軽く探した範囲では見つかりませんでした。情報求む!!

Smalltalk(Squeak)を利用する手順

画面左上のSCRATCHのロゴの”R”の部分をShiftキーを押しながら左クリックすると以下のメニューが開く。

"turn fill screen off"を選ぶと白い背景が見えるので、ここを左クリックするとSmalltalkのメニューが出てくる。

後は、hackするだけ!!

Scratch1.4でSmalltalkを使う場合の参考情報

既に使えないので、ザックリと。

ScratchX: github上にある特定の書式に従ったJavaScriptで書かれた実験的な拡張機能(extension)を追加することができる。

自力でオフライン(デスクトップ)版を改造する。

micro:bit用拡張: s2m, Smi:be / スマイビー など

Scratch3に追加の機能を実現する方法。

Scratch3の公式拡張機能の一部 (ハードウエアに関するもの)

Scratch3のサーバー(https://scratch.mit.edu/)のソース(JavaScript)は公開されている。

ソース: https://github.com/LLK/scratch-gui

解説: Scratch を改造しよう 3章まで無料公開

Scratch3のサーバーに拡張機能を実装すれば、My Scratchが。

拡張機能入のScratchサーバを自分で立てる。

(必要であれば)クライアント側も自分で書く。

Stretch3:非公式Scratch3拡張機能が使えるサーバー

AI 関連

自分で学習したモデルが使えるもの

既にあるモデルを使うもの

ポーズ認識

Stretch3や https://microbit-more.github.io/editor/ などで使える。

Scratch3からmicro:bitの全ての機能を使うための拡張機能。

公式micro:bit拡張機能は、ジェスチャーなど限られた機能しか使えない。

Yengawa Labさんが開発。

ソース

micro:bitファームウエア側: https://github.com/yokobond/pxt-mbit-more-v2/

Scratchサーバー拡張機能側: https://github.com/yokobond/mbit-more-v2/

M5bitLess=M5Stack一家をmicro:bitのようにふるまわせてMicrobit More(↔︎Less)を使う

ソース: https://github.com/610t/M5bit-less

動作機種 (リンク先はSWITCHSCIENCE)

M5Stack Basic/Gray/Core2

M5StickC/C Plus

ATOM Matrix/Lite

作った背景

Scratch1.4でM5Stackが使えるM5Scratchを作っていた。

Arduino IDEでの作業がほぼ必須。

IPアドレスやWi-Fi設定の変更。

自分好みのデモへの変更。

Scratch3の拡張機能でM5Stackを使えるものが待たれていた (/CoderDojoNara/M5Scratchってなぁに？)

Scratch拡張機能側とM5Stack側を同時に作っていくと、ぜったいハマる自信がある。

Microbit Moreがあるんだから、M5Stackがmicro:bitのフリをすればいいんじゃね?

対応しているブロック(赤枠部分)

発表当日はライブでデモします。

Scratch 1.4遠隔センサー

x UiFLOW

x M5Scratch

Scratch3 + Microbit More

x M5bitLess

まだまだ実装できていない機能があるので、一緒に作りませんか!!

イベントページ: ビジュアルプログラミングIoTLT vol.9(資料)

Togetter: ビジュアルプログラミングIoTLT vol.9

YouTube: むとう発表開始時間 49:14-

M5bit Less: M5Stack x Scratch3 = So Fun!! (M5Stack Japan Creativity Contest 2021)

Microbit More data format: むとうが独自にソースから調査したMicrobit Moreプロトコル

#IoTLT

#MicrobitMore #Scratch

#M5Stack #M5StickC

#M5bitLess #M5Scratch