M5Stack CORE2でModdableが使えるようになった
ししかわです。
M5Stackから待望のタッチスクリーン搭載の新機種「M5Stack CORE2」が発売されました。 早速M5Stack CORE2を入手して、Moddable SDKに対応させました。 これでJavaScriptを使って、M5StackでタッチUI付きのアプリケーションを作れるようになりました。
Moddableのインストールとアップデート
初めてModdableをインストールする場合はGetting Startedを、 既にインストール済みの場合はKeeping Up To Dateのドキュメントを参照ください。
ビルド方法
Moddableのビルドコマンドmcconfig
のターゲット指定オプションにesp32/m5stack_core2
を与えることで、CORE2向けの設定が有効になります。
$ mcconfig -m -p esp32/m5stack_core2
デバッグビルドの場合-d
オプションを追加します。
$ mcconfig -m -d -p esp32/m5stack_core2
使える機能
- タッチとドラッグ
#M5Stack_CORE2 と #ModdableSDK でドラッグが動くようになったぞ!! pic.twitter.com/ZoZzHmmXNh
— ししかわ/Shinya Ishikawa (@meganetaaan) 2020年9月5日
タッチやドラッグのイベントハンドリングについてはpiuのBehaviorクラスのドキュメントに詳しい使い方が載っています。 また、タッチ機能についてはModdableの公式リポジトリに豊富なサンプルアプリケーションがあるので、 それらを動かしてみると機能や書き方が掴めると思います。
ソフトウェアキーボードも!!動くぞ!!#M5Stack_CORE2 #ModdableSDK pic.twitter.com/xAZ6MuFZQH
— ししかわ/Shinya Ishikawa (@meganetaaan) 2020年9月5日
カラーピッカーも!カラーピッカーも動くぞ!!#M5Stack_CORE2 #ModdableSDK pic.twitter.com/vJcaHqNBbb
— ししかわ/Shinya Ishikawa (@meganetaaan) 2020年9月5日
WiFiに接続だってできる!#M5Stack_CORE2 #ModdableSDK pic.twitter.com/QXCaTWfnyu
— ししかわ/Shinya Ishikawa (@meganetaaan) 2020年9月5日
1点注意として、タッチスクリーン自体は2点までのマルチタッチに対応していますが、なぜか同じ列の2点タッチができません。
Moddableが認識するタッチの個数を設定config/touchCount
で替えられるので1本にしておくのが得策です(アプリケーションでの設定例)。
スピーカー
音が鳴った🙌#M5Stack_CORE2 #ModdableSDK pic.twitter.com/MJn2qOJHYE
— ししかわ/Shinya Ishikawa (@meganetaaan) 2020年9月8日9軸センサ(加速度、角速度、地磁気)と画面の自動回転機能(ビルトイン)
画面の自動回転が動くようになった🙌#M5Stack_CORE2 #ModdableSDK pic.twitter.com/X0MxKddGWc
— ししかわ/Shinya Ishikawa (@meganetaaan) 2020年9月8日振動モータ
振動モータが動くようになった。けど動画だとわからんね🤣#Moddable #M5Stack_CORE2 pic.twitter.com/A0Jyvcv8fD
— ししかわ/Shinya Ishikawa (@meganetaaan) 2020年9月14日
スピーカー、9軸センサ、振動モータについてはアプリ起動時に実行されるセットアップスクリプトsetup-target.js
に動かすコードが載っているので、読むと使い方の雰囲気が分かるかと思います。
また、本体に搭載されたPSRAMもマニフェストファイルの設定から有効化できます。 こちらは公式に取り込まれていませんが拙作のサンプルアプリ集に作例を乗せました。 (PSRAMは8MBですが、設定で自動的に使えるようになるのは4MBまでのようです)
上記以外の機能(マイク、SDカードの読み書き、RTCなど)も実装したいですが、 私が直近作りたいものとは関係ない機能なので、なかなか腰が上がらないのが正直なところです…。 代わりにプルリク出してくださる方、歓迎します!
所感
昨年の技術書典7で頒布した「実践Moddable」のコラムでも述べましたが、 Moddableはタッチスクリーンと組み合わせることで真価を発揮します。
今までもModdableのサイトから技適付きのリファレンス端末であるModdable Twoが入手可能ですが、国内での取扱が無く、入手製が良くないという現状がありました。 一方M5Stackでは一年前から防水&タッチスクリーン搭載の「M5Tough」開発の噂は流れていたものの、設計見直しなどがあったらしく発売には至っていませんでした、 そんな経緯があり、今回のM5Stack CORE2発売はまさに「待ちに待った」という感じです。
個人Makerの作品にもUIとしてスマートフォンを埋め込んだものはよく見られますが、 M5StackとModdableの組み合わせは「小型」「安価」「入手性がよい」など良いことづくめで、組み込み開発におけるスマホUIの多くを代替する可能性を秘めていると思います。 是非試してみてください。
わからない点があればModdableユーザコミュニティのDiscordでの質問なども歓迎です。
スペシャルサンクス
今回のプルリクエストは@StupidDogさんと協力しながら作りました。 実践ModdableをきっかけにModdableを使った開発を始められたそうで、 今回(多分?)GitHubのOSSへの初めてのコントリビューションを手助けできて光栄です。