111
34

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

ジェイソン・ステイサムが犯人を撃退してくれる防犯サービスを作って、ステイサムへの想いを爆発させたら、ハッカソンで受賞しちゃったよ【M5Stack】

Last updated at Posted at 2020-09-23

先日、人生2度目のハッカソンに参加してきました!
M5Stackハッカソンといって、M5Stackというマイコンモジュール縛りのイベントでした。
そして、なんと!!!ありがたいことに__ オーディエンス賞 __をいただくことができました!

せっかくなので、ハッカソンで作った作品についてQiitaにまとめようと思います!

#盗難防止サービス「SPステイサム」
私が作ったのは、__ジェイソン・ステイサムが犯人を脅してくれる盗難防止サービス、その名も「SPステイサム」__です!

大切なものの側に「SPステイサム」を置いておくと
誰かが触れたときに警告音と共に、ステイサムの画像で犯人を脅すことができます。

最初はピーピーという警告音なのですが、10秒たつとピーーーーー!!と音量が上がり、
本気でステイサムが銃を向けてきます。

__さらに、LINEにもステイサムから通知が飛んできます!__ ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/670338/85c0ed24-718c-395c-9f2e-99add21ea230.png)

ジェイソン・ステイサムという人類最強の男が守ってくれる、とても頼もしいサービスです♪

「ステイサムと(に)~~~したい・されたい」という夢が198739201個ぐらいあるのですが、
__「ステイサムに守られたい」__という1つの夢が叶えられて、私は本当に幸せを感じております。

#「SPステイサム」を思いついた経緯

__『メカニック』__というジェイソン・ステイサム主演の映画からヒントを得ました。
image.png
映画内でステイサムは完璧な殺し屋を演じているのですが、他人が彼のものに触れると、
彼が仕込んでいた仕掛けにより爆発が起きるというシーンがあります。

そのシーンが__So Cool__なので、私もそのかっこよさを自身の作品で表現したいと思い、
「SPステイサム」を作ろうと考えました。

#POINT
###光センサーを使って、対象物が動いた時に「SPステイサム」を発動させる
本当は距離センサーや加速度センサーを使って、距離や動きを読み取ろうと思ったのですが、
私の手元にあったM5Stackとパーツでは実装できないことが判明…。
ハッカソンで買い出しにも行けなかったので、光センサーで代用しました!
Image from Gyazo
このウネウネしてる面で光を感知するので、この面を対象物にピッタリくっつけておくとデフォルトの値が0となります。
対象物が少しでも動いて光が入り込み、値が0以上になるとM5Stackが反応するようにプログラムを組みました!

###音の微調整&音と一緒にステイサムの画像も表示させる
発動したときに、10秒カウント→本気の警告といった段階を踏みたかったので、
UIFlowを下図のようにしました。
Image from Gyazo

36ピンから光センサーの値を読み取り、0以上だったら(対象物から離れていたら)発動します。
最初はスピーカーの音量1で、ピーピーと断続的な音。
ステイサムも「10秒だけ待ってやる」と、少し猶予を与えてくださります。
image.png

10回ループしたのちに、再度光センサーの値を取得し、0以上のままだと
音量が50に爆上がりし、音もピーーーーーーっと変化します。
ステイサムも本格的に銃をかまえ、「覚悟しろ」と__本気で脅してきます。__
image.png

画像の表示も綺麗にするように結構こだわったので、気になる方はこちらの記事もご覧ください!
【M5Stack初心者向け】UIFlowでM5Stackのディスプレイに写真を表示させる時の細かい注意点

###LINE Notifyで、LINEに通知が来るようにする
image.png

通知の送り方はこちらの記事参照!
【初心者向け】M5StackのUIFlowからLINEに通知を送れるようにする方法【LINE Notify】

ここで地味にこだわったのは、イギリス英語。

ステイサムはイギリス出身で、とにかくイギリス訛りが強いらしい!(私は英語話せないのでわからないから悔しい)
なので、荷物はbaggageではなく、__luggage__というイギリス英語を使うことで
本当にステイサムからLINEが来ているように演出しました。

たったそれだけ…って思うかもしれませんが、これが__私のステイサム愛__なのです。
###設定したコマンドを押せば処理を停止できる
発動してずっと鳴りっぱなしだと困るので、あるコマンドを押すと処理を停止できるようにしました。

M5Stackにはボタンが3つあるので、ABCそれぞれのボタンを押すと、リストの最後尾にABCと値が保存されるようにしました。
Image from Gyazo

そして、リスト内の値が「ABABACAC」になった時にループを抜け出して音が止まるようにしました。
Image from Gyazo

#ハッカソンで感じたこと~なぜ受賞できたのか~
ハッカソンに参加するのは2回目ですが、前回はチームを組み、今回は完全なるボッチで臨みました。

正直、技術レベルだと全然大したことはしてないので、私が評価いただけたのは__「好き」という想い__だと思っています。

防犯サービスで音が鳴るというシンプルな仕組みに

「ジェイソン・ステイサムに守られたい」
「ジェイソン・ステイサムの魅力をもっとみんなに伝えたい」
「とにかくジェイソン・ステイサムが好き」

そんな想いをたっぷり上乗せすることで、私にしか作れないサービスを作れたのが良かったのかな。

そして、その魅力や想いをきちんと発表で伝えられるかどうかも大事だなと感じました。

ハッカソンでは少ない時間で作品をプレゼンしないといけないので、
いかにそこで__「伝えられるか」__が肝になってきます。

どんなに素晴らしい作品を作っても、デモが動かないとか、プレゼンで淡々と技術的な話をしてるだけだと
作品の魅力は全く伝わりません!!!

なので私はとことん発表にもこだわり、2時間半は発表準備に費やしました。
普通に資料やデモ動画では伝わらないと思ったので、ミニドラマで表現しました。

その発表時に使った動画を再現したのがこちらです。

「SPステイサム」M5Stackハッカソン発表動画 (2分)
 ※YouTubeに飛びます

ハッカソンの後、お酒飲み過ぎて声カッスカスになっちゃってすみません。笑
かつ、周波数の関係なのかM5Stackの音が全然聞こえないのですが、ちゃんとピーピー鳴ってます。

ハッカソンでは生でアテレコしたので、もっと興奮が伝わっていたかもしれませんが、
この動画からもステイサムへの想いや、サービスの魅力が伝わっていると嬉しいです!

ご覧いただけた方、ありがとうございます!

これからも、「好き」を原動力に学ぶこと・作ること・表現することを楽しんでいこうと思います♪

###(*^^)v「よろしければLGTMもよろしくお願いします!」

111
34
4

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
111
34

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?