M5Stack に Grove 端子台経由でゲームスイッチを動かすメモ

Posted on 2021-12-03

この記事は IoTLT Advent Calendar 2021 の 3 日目の記事です。

M5Stack に Grove 端子台経由でゲームスイッチを動かすメモをまとめます。

ゲームスイッチ

大きいボタンはロマンでありインターフェース的にも素敵です。デジタルハリウッド大学大学院プロダクトプロトタイピング II の 2021 年度講師をしてきましたが、そのときに生徒の作りたいものの相談に乗っているときに「大きなボタンって大事だな」というシーンは多かったです。

M5Stack のデフォルトボタンも扱いやすいものですが、やはり、誰かに使ってもらう上では、もっと大きいボタンの実装も把握しておくと良いですね。

ということで、今回は、電子工作のショップでも手に入りやすく、デザイン的にもカラーバリエーションが豊富で、耐久性も高いゲームスイッチを扱ってみようと思います。ほかの人におススメすることは多いのですが、実際に私がちゃんと使ったことはないやってみます！

こちらは千石電商さんのネットショップのゲームスイッチカテゴリから買ったセイミツ工業 PS-15 黒(ボディ同色) ゲームスイッチ φ30 コンパクトタイプ黒(ボディ同色) です。

開封してみる

購入してみると、やはり大きなボタンゆえにかさばるため、ネコポスではなく、通常の小包として届きました。

このように袋に入っていました。

いざ開封。

このゲームスイッチの仕組みはいたってシンプルでした。この2つの端子にタクトスイッチと同じようなアプローチで回路をつないでいきます。

Grove 端子台とゲームスイッチをつなげる

M5Stack のピンに差し込みたいのでゲームスイッチを Grove 端子台でうまく橋渡しをします。

こちらが Grove 端子台です。

GROVE - 4ピン - ジャンパオスケーブル（5本セット） - スイッチサイエンスを用意します。

この 2 つをつないで、オスピンが M5Stack に刺さるようにします。

つづいて、Grove 端子台にゲームスイッチをつなぐためにケーブルを用意します。

ゲームスイッチの端子に、これくらいの長さでつながるようワイヤーストリッパーで切り揃えました。

ワイヤーストリッパーだとこういう感じで金属部分をむき出すのがラクちん。

イイ感じに端子に絡めて、ねじってつなげていきます。

うまくつなげられました。

端子台のほうにもマイナスドライバーで回して端子台の穴を広げてから、ケーブルの金属部分を差し込んで、またマイナスドライバーで締めてつなぎます。

M5Stack とGrove 4ピンジャンパオスケーブルをつなげる

M5Stack に Grove 4ピンジャンパオスケーブルのピンをつなぎます。

写真のように、赤と黒のケーブルをつなぎます。

黒ケーブル
- G に差し込む
赤ケーブル
- 2 番ピンに差し込む

このように差し込みます。

これで準備が完了です。

M5Stack 側のソースコード

M5Stack に書き込んだソースコードがこちらです。

#include <M5Stack.h>

const int buttonPin = 2;

int buttonState = 0;
int buttonStatePrevious = 0;

void setup() {
  M5.begin(true, false, true);
  M5.Power.begin();
  M5.Lcd.clear(TFT_BLACK);

  M5.Lcd.setTextColor(WHITE);
  M5.Lcd.setTextSize(4);
  M5.Lcd.println("[Game Button]");
  
  pinMode(buttonPin, INPUT_PULLUP);
}

void loop() {
  M5.update();
  
  buttonState = digitalRead(buttonPin);

  if(buttonStatePrevious != buttonState){
    M5.Lcd.clear(TFT_BLACK);
    M5.Lcd.setCursor(10, 100);
    M5.Lcd.setTextColor(WHITE);
    M5.Lcd.setTextSize(5);
    if (buttonState == HIGH) {
      M5.Lcd.println("ON");
    } else {
      M5.Lcd.println("OFF");
    }

    buttonStatePrevious = buttonState;
  }
  
}

いわゆるデジタル入力の対応で済むんですが、こういうボタンの扱いで、いつも忘れがちなのが INPUT_PULLUP でプルアップ処理をするところですね。あとは、以前の状態を記憶しておいて、変化があった時だけ状態を知らせる仕組みにしています。

動かしてみる

こちらを書きこんで動かしてみると、

ボタンを押すと ON とディスプレイが反応します。

ボタンを話すと OFF とディスプレイが反応します。

無事うまく動かすことができました。さきほどもお伝えしましたが、やっぱりプルアップを最初忘れましたし、一度やってみないと「この2つの端子だけで、どうやってつなげるんだっけ・・・？」と微妙に不安になっていたので、やってみればスッキリ連携することができました。

こういったゲームスイッチは大きさや形も様々ですし、なによりカラーが豊富です、カラーが豊富だといろいろな見せ方に合わせて対応できるので人に見せるときには力を発揮します。

また、ゲームスイッチというだけあって耐久性もポイント。電子工作で買うようなタクトスイッチと比べると頑丈で、多少無茶な連打をしても、ゲームでガシガシ押しまくるシチュエーションを耐えれるくらいなので安心です。

なにより、わりとゲームセンターで格ゲーなりパズルゲームなりで色々なゲームで遊んだ自分としては、そのインターフェースが時を越えて扱えるようになったのは達成感がありました！