切ると「ジャキ〜ン！！！」と音が鳴るカッコいいはさみを作って勇者になろう🗡


こんにちは！！！

突然ですがみなさん、勇者になりたくありませんか？
私はなりたいです。

**「カッコいいゴテゴテの剣をジャキジャキ振り回して敵を倒したい！！！！！」** という欲望は、誰しもが持っている1番の欲求でしょう。マズローの法則でも、５段階の欲求の一番上に君臨するのが「自己実現の欲求」。勇者になることで自己を実現したいというのは人間の性です。

しかし、勇者の剣を日常生活で活用できる場が無いのがこの世界の現状...
さらに刃渡り5.5cm以上の剣を持ち歩くなどすれば、銃刀法違反で逮捕されてしまいます。

「勇者になりたい！、だけど捕まりたくはない...」そんな思いを抱える葛藤の日々が長く続きました...

 しかし、そんな私にふと、**それなら普段使っている身近な道具を勇者っぽくカッコよくすればいいのではないか？** という考えが舞い降りてきたのです。

ということで今回は、**切ると「ジャキ〜ン！！！」と音が鳴るカッコいいはさみを作って勇者になる夢を叶えていきたいと思います！！！**

# 完成品
<div align="center">
<img width="600" src = "https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/529505/ff5caac0-93cd-a95e-41c7-bbf7f2e053f7.jpeg"></img>
</div>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">勇者になりたいので切ると「ジャキ〜ン！！」と音が鳴るカッコいいはさみを作った<a href="https://twitter.com/hashtag/M5Stack?src=hash&amp;ref_src=twsrc%5Etfw">#M5Stack</a> <a href="https://t.co/E2HvtDLNBg">pic.twitter.com/E2HvtDLNBg</a></p>&mdash; むらかみ (@murakami_reiwa) <a href="https://twitter.com/murakami_reiwa/status/1294158992957030400?ref_src=twsrc%5Etfw">August 14, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

カッコいいですね。

# 用意するもの

- [M5Stack](https://www.switch-science.com/catalog/3647/)
Wifiで通信ができるESP-32、小型ディスプレイ、microSDカードスロット、スピーカーなどがコンパクトに内蔵されたスマートなマイコンです。

- microSDカード
M5Stackに表示する画像と流す音源を保存するために使います。

- [タクトスイッチ](http://akizukidenshi.com/catalog/g/gP-03647/)
はさみの持ち手に埋め込むので、なるべく小さいものがいいです。

- はさみ
ゴリゴリ削ることになるので、持ち手が削りやすいものがいいです。

- 耐震ジェル
そこらへんにあったので使ったのですが、ゴムっぽくて薄く切りやすいものであればなんでもOKです。

- ケーブル

- はんだごて/はんだ
タクトスイッチとケーブルを接続させるために使います。

- [平やすり](https://www.amazon.co.jp/SUN-UP-%E3%83%80%E3%82%A4%E3%83%A4%E3%83%A2%E3%83%B3%E3%83%89%E3%83%A4%E3%82%B9%E3%83%AA-%E3%83%81%E3%82%BF%E3%83%B3%E3%82%B3%E3%83%BC%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0-140mm/dp/B00BCG23WE/ref=pd_day0_60_1/358-8696717-5131058?_encoding=UTF8&pd_rd_i=B00BCG23WE&pd_rd_r=d9fae86c-f155-401e-8120-24fdc0354751&pd_rd_w=XxeH8&pd_rd_wg=yDx2w&pf_rd_p=b146c9bb-7e19-40c5-8057-87387f6efae0&pf_rd_r=5MFEE00W7QKVMBDRWKJT&psc=1&refRID=5MFEE00W7QKVMBDRWKJT)
はさみの持ち手を削るために使います。

- 接着剤
タクトスイッチをはさみの持ち手に接着させるために使います。

- 時計
腕に画面を付けてカッコよく切りたい人は用意しましょう。

# 下準備
作成していく前にまずは下準備が2つ必要です！

## 表示する画像の用意
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/529505/41c45a20-0c0c-0d51-6cb3-8b06606ed5e0.png)

320×240で表示する画像を用意します。今回は勇ましい勇者のイラストを用いて、倒した敵の人数を表示してくれるデザインにしました。かっこいいですね。
画像が完成したら、必ず「画像名.jpg」で保存してmicroSDカードに書き込んでください。

## 流す効果音の用意
[こちら](https://soundeffect-lab.info/sound/battle/)のサイトの音源を3つお借りし、mp3ファイルをwavファイルに変換したのち、microSDカードに書き込みました。

# ハードウェアの作成をする
下準備ができたら、いよいよ本体部分のハードウェアの作成をします！
順番に見て行きましょう👀

**1. はさみの持ち手をタクトスイッチの形に合わせて平ヤスリで削る**
下と上どちらも削ります。削り過ぎないように慎重に削りましょう。

**2. タクトスイッチの上部が収まるスペースに細かく切った耐震マットを入れて接着する**
タクトスイッチを押しやすくするために、ゴム状の加工しやすいものを埋め込みます。
<div align="center">
<img width="600" src = "https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/529505/0777a661-db8e-c171-285d-da561d029956.jpeg"></img>
</div>

**3. 持ち手にタクトスイッチを接着する**
接着材で落ちないようにしっかりと接着します。

**4. タクトスイッチとケーブルをはんだ付けする**
はんだ付けをしたらはさみの部分の完成です✨
<div align="center">
<img width="600" src = "https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/529505/0c1fb155-5346-0ad7-6a7f-c653a6d24334.jpeg"></img>
</div>

**5. 回路を組む**
最後にM5Stackとケーブルを接続します。
今回はGNDと21番ピンに差し込みました。

<div align="center">
<img width="600" src = "https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/529505/860ef8af-a56f-1f88-2341-84bc3fc455e2.jpeg"></img>
</div>

また、腕に画面を付けるとカッコよさがかなり上がるので、いらなくなった時計の表面に両面テープでM5Stackを付けてみてもgoodです。


# コードを書く 

今回やりたいことは以下の通りです！

- 勇者の画像が表示される
- タクトスイッチが押されたらランダムで３種類のうちのどれかの効果音が鳴る
- タクトスイッチが押されたら「倒した人数」をカウントしたのちに画面に表示される
- M5Stackの一番左のボタンを押したら倒した敵の数がリセットされる

これを踏まえてM5Stackに以下のようなコードを書き込みました！

※wavファイルを再生するプログラムを書き込む際に以下の2つのライブラリが必要だったので、こちらの追加も忘れないようにしてください！
- [ESP8266_Spiram](https://github.com/Gianbacchio/ESP8266_Spiram)
- [ESP8266Audio](https://github.com/earlephilhower/ESP8266Audio)

```c
#include <M5Stack.h>
#include "AudioFileSourceSD.h"
#include "AudioGeneratorWAV.h"
#include "AudioOutputI2S.h"

// ピンの定義
#define DIN_PIN 21

AudioGeneratorWAV *wav;
AudioFileSourceSD *file;
AudioOutputI2S *out;

// 配列にWAVファイル名を入れる
char* wavFiles[] = {"/sword-clash1.wav", "/sword-clash2.wav", "/sword-clash4.wav"};

// 乱数用の変数の定義
int randomNumber = 0;

// 敵の数の変数の定義
int enemyCount = 0;

void setup(){
  M5.begin();

  // プルアップする
  pinMode(DIN_PIN, INPUT_PULLUP);

  // デフォルト画像設定
  M5.Lcd.drawJpgFile(SD, "/yusha.jpg");

  // テキスト初期表示
  M5.Lcd.setTextSize(6);
  M5.Lcd.setCursor(40, 105);
  M5.Lcd.setTextColor(BLACK);
  M5.Lcd.print(enemyCount);
  
  out = new AudioOutputI2S(0, 1);
  out->SetOutputModeMono(true);
  // 音量が大きかったら小さい値にする
  out->SetGain(0.5);
  wav = new AudioGeneratorWAV();
}

void loop(){
  // 内蔵ボタンの状態更新
  M5.update();
  
  // スイッチの値を入れる変数を定義
  int value;

  // スイッチの値を読み込む
  value = digitalRead(DIN_PIN);

  // 乱数の作成
  randomNumber = random(3);

  // スイッチが押された場合
  if (value == LOW){
    // ランダムでSDカード内のWAVファイルを流す
    file = new AudioFileSourceSD(wavFiles[randomNumber]);
    wav->begin(file, out);
    while(wav->isRunning()) {
      if(!wav->loop()) wav->stop();    
    }

    // 敵の数をカウント
    enemyCount++;

    // 敵の数を表示
    M5.Lcd.clear();
    M5.Lcd.setCursor(40, 105);
    M5.Lcd.drawJpgFile(SD, "/yusha.jpg");
    M5.Lcd.print(enemyCount);
  }

  // リセットボタンの設定
  if (M5.BtnA.wasPressed()) {

    // 敵の数をリセット
    enemyCount = 0;

    // リセットした数を表示
    M5.Lcd.clear();
    M5.Lcd.setCursor(40, 105);
    M5.Lcd.drawJpgFile(SD, "/yusha.jpg");
    M5.Lcd.print(enemyCount);
  }

  delay(100);
}
```

正常に書き込みが完了したら、カッコいいはさみの完成です！！！！！

# 終わりに
<div align="center">
<img width="600" src = "https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/529505/21aa76d0-b9dd-ddfb-a7af-2d3584adbd54.jpeg"></img>
</div>

いかがでしたか？

カッコいいはさみはできたでしょうか？
私はこのはさみで**溜まりに溜まった郵便物**（という名の敵）の封を開けて行きたいと思います！！！！

スイッチを押すだけの単純な設計なので、進化した勇者になりたい方はセンサなどを付けて速度や距離感を測ってみるとより面白い機能が追加できるかもしれません👀

それでは、よい勇者ライフをお過ごしください🗡

# 参考にしたもの

- [みんなのM5Stack入門](https://www.amazon.co.jp/%E3%81%BF%E3%82%93%E3%81%AA%E3%81%AEM5Stack%E5%85%A5%E9%96%80-%E4%B8%8B%E5%B3%B6-%E5%81%A5%E5%BD%A6/dp/4865942092/ref=sr_1_1?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&dchild=1&keywords=%E3%81%BF%E3%82%93%E3%81%AA%E3%81%AEM5Stack&qid=1584114788&sr=8-1)
- [ＳＷを押すと点灯したLEDが増える](https://arduino.mx55.com/?page_id=129)
- [M5Stackで物理さなボタン作るとこみてて](https://toooybooox.blogspot.com/2018/09/m5stack.html)