スマートウォッチWearOSの開発準備【Processing/AndroidStudio】

最近WearOSのスマートウォッチを買いました。

bibinbaleo.hatenablog.com

HelloWorldぐらいまで開発環境設定してみます。

昔調べたときAndroidStudioで開発できるっていうのは見た。

bibinbaleo.hatenablog.com

今回は最終的にProcessingでHelloWorldしました。

OSバージョン
開発者モード
- おまけ
- 公式
Processing
以下はProcessingをやる前の試行錯誤。。。
- 黒い画面
- AndroidStudio
  - バーチャルデバイス
最後に

OSバージョン

WearOSのバージョンは2.7。

AndroidOSは８

設定＞システム＞端末情報＞バージョンで見れる。

知っておいたほうがいいかなーと思って。

ちなみにSystemVersionHというのが最近出たらしいけど、WearOS

www.dream-seed.com

開発者モード

開発者モードを有効にするには

ウェアラブルアプリの作成と実行 | Android Developers

設定＞システム＞端末情報＞ビルド番号を8回ぐらいタップ

これで設定に開発者向けオプションが出てきた。

ADBでバッグをオンにした。

この記事ではほとんどのスマートウォッチは無接点充電って書いてたけど、私のはUSBでつなぐやつなのでWifi経由でADB接続とかはしなくてよさそう

つないでみた。

PCに認識されない＞＜

Macにつないだ時は一応反応はするのに。（あとでアプリをビルドしたら認識されました）

おまけ

開発者向けオプションからいろいろ設定を選べる。

もはや開発しなくてもこの設定をするために開発者モードを有効にしたほうがいいのでは？

とりあえず充電中に画面をロックしないは有効にした。

開発でPCとつないでいるときにロックされたらめんどくさいからね。

ポインタの位置とタップの表示を有効にしたら触った軌道が表示されて面白い。

公式

公式サイト

developer.android.com

WearOS用のアプリは、普通の自由なアプリと、WatchFaceと、なんかもう一つの3つの種類があるようです。

f:id:bibinbaleo:20190727144610p:plain

アプリのサンプル。

github.com

UILibrary。どう使うかわからないけど

developer.android.com

Processing

QiitaでWearOSで検索したら、なんとProcessingでのウォッチフェイス開発記事がありました！！！

qiita.com

Processingでできるの！！！すご！

Processingは昔の友達なのでやってみます。

bibinbaleo.hatenablog.com

ダウンロード

processing.org

こういう画面

f:id:bibinbaleo:20190727154517p:plain

右上のJavaからモードの追加＞AndroidModeをインストール

f:id:bibinbaleo:20190727152446p:plain

右上からAndroidを選べるようになる。

適当なコードを書く。WearOSの画面サイズは400＊400らしい。

size(400,400);
textSize(20);
text("HelloWorld",180, 180);

(JavaモードでRunするとこんな感じに表示されるはず。)

f:id:bibinbaleo:20190727155449p:plain

Runマークを押すとSDKの場所を聞かれたので適当に答えた。間違ってたかもしれない。

そのまま実行もビルドもできたみたいたけど、なんか出てきた。

f:id:bibinbaleo:20190727154525p:plain

正しいデバイスを選べと言われた。

上のメニューのAndroidっていうところにWatchFaceというのがあったからそのモードにした。

その状態でもう一度Runしたらできた！！

f:id:bibinbaleo:20190727155447p:plain

時計側でトップ画面を長押しして「ほかのウォッチフェイスを見る」を押す。その下のほうに・・・あったー！！！

Sketch_998989

なんかすごいちかちかしてる。

背景色を設定してないとかいろいろ原因はありそう。

ほかの人のコードを参考にちゃんとした。

  void setup() {
  size(400,400);
  textAlign(CENTER,TOP);
  }

  void draw() {
  background(#FFFFFF);  
  textSize(60);
  fill(0);

  float ascent = textAscent();
  float descent = textDescent();
  float textHeight = ascent + descent;
  int textPosY = int(height-textHeight)/2;
  text("HelloWorld",width/2, textPosY);
}