アドベントカレンダー12日目のお話として、「ふしぎマニューバー」手作り体験を綴った記事です。2017年夏、いつもよりちょっと早めの梅雨明けのころにスタートした「ふしぎマニューバーでふかし体験」企画。発端は、2017年3月のKANDAIMeRISE8階のイベント【ホラー×web技術×Kinectセンサー】さえ子のお人形の勉強会。子ども向けに何かやりませんか?」と声をかけたのが、この企画の始まりでした。Kinectも知らないし、web技術といってもマークアップ(多めに言ってもフロント)しか知らないなか、勢いでお願いをしてしまったなぁと思いつつ、文章を書いています。2017のWorkshop企画の一つです。UnityとVIVEを使って作成しました。Trackerをつけた「ふしぎマニューバー」を使って、モンスターを暗闇の街からみつけ、倒していきます。「ふしぎマニューバー」は、モンスター発見時にはぶるっと震え、トリガーをひくとスクリーン上でインクが発射されます。みやさんが、技術的な内容の記事を書いてくださっています。当日のイベントを新しい技術で表現してくださった細かい過程がぎっしりです。ここからは、お手伝いした「ふしぎマニューバー」の電子工作を中心にお話ししていこうと思います。最初は何を作ろうから...だったんですほんとに白紙。何作ろうというところからのスタートでした。「子どもって何がおもしろいんやろ?」を軸に、こざるから自由な発想で伝えたイメージはこんな感じです。子どもたちに新しい技術を体験してほしいよね!関西発!みたいな手作りコンテンツにしたいね!ざっくりしたイメージで申し訳ないなぁと思っていたら、このむちゃぶりな発想にちゃんとした技術案でのお返事が返ってきました。一つ一つの用語を確認していきます。Trackerを銃につけたい!」という提案が追加されました。「トリガーを引いたら光るようなおもちゃの銃があれば、簡単に作れるねんけど...」とのこと。「なかなか思ったものってないから、その部分は作ってもいいかもしれないですね」と答えたのを覚えてます。Trackerをつけたら、なんとぴったり。これは電子工作するしか!ということで、ここから「マニューバーづくり」が始まったわけです。ArduinoでLチカしたり、センサーつかったりの簡単な電子工作しかできないこざるで大丈夫?と不安な気持ちとともに、電子工作沼に足を踏み入れました。この企画では、市販されている水鉄砲を利用して「ふしぎマニューバー」を作成しました。トリガーづくりはLチカからまずは、水鉄砲をネジをとって分解。ここで水が前にでたり後ろにでたりを切り替えしてるんだぁと感心しつつ、肝心のトリガー部分を観察。Trackerとの接続用に、トリガーを引いたら、LEDが光る仕様をつくることが、こざるの最初の担当でした。ちっちゃいタクトスイッチとネジをトリガーに埋め込んでみる!次に、トリガー部分を細かく分解しました。トリガーを引く(押し込む)とバネが伸縮する仕組になっていました。そこで、トリガー側のシリコン部分に、ネジをつけ、ワッシャー・ナットで補強しました。ネジがスイッチを押せるように、逆側のシリコンに穴を開け、スイッチをつけて調整。基板付きのスイッチをつけようとしたら、持ち手とトリガー部分の隙間が2-3mmしかなく、配置不可能でした。不安は残りますが、ちっちゃいタクトスイッチを配置することに。接続部分が小さいので、ハンダ付けのあと、レジンで補強したり、試行錯誤しました。抵抗付きLEDと単三乾電池で光らせてます。スイッチだけでは光らないので...念のため。イベントが無事終わって、タクトスイッチ部分、このサイズ、この仕様で、100人分の体験がよく実現できたなぁと思います。小さいタクトスイッチがいい仕事をしてくれました。マニューバーぶるぶる大作戦もう一つのコンテンツとして、見えないものが見える不可視(ふかし)体験を組み込むことに。真っ暗なスクリーンを光らない懐中電灯(マニューバー)で照らし、モンスターを見つけます。「みつかった」を体で体験してほしくて、みつかったときにマニューバーをぶるっと震わせることにしました。(モーター)の電源どうしたらいい?トリガーのLチカは、確認装置のため、体験時のマニューバーには取り付けませんが、振動モーターは、体験時に電源が必要とのこと。Trackerからもらえるけど、モーターをぶるぶるするための電源が別途必要らしいです。ふしぎマニューバーサイト作成時に作った動画「マニューバーのひみつ」ここで手詰まりだったこざるに、かみやさんからのご指導がありました。「トランジスタスイッチ」でできるとのこと。トランジスタって、足3本の装置だよね...昔使ったことあるような、ないような...そもそもトランジスタとはトランジスタは、端子が3本ある電子工作パーツです。それぞれの端子は、エミッタ、コレクタ、ベースという名前。コミッタからエミッタに電流が流れます。ベースがこの電流をコントロールします。少々複雑なパーツですが、電気回路をちゃんと設計して使うと安全とのこと(よかった、ほっ)。Trackerから受け取った「みつかったよ!」信号から、ぶるっとさせることになりました。長い道のり...ぶるっまでは、長い道のりがありました。使う振動モーターも組み込めるサイズにする必要があって、いろいろ探しました。記事が長くなりそうなので、作成時の5つのステップを紹介。5つが順番にうまくいったのではなく、前後しつつ、なんとか完成しました。本やレシピをみて作るのと、実際にないものをいろいろなパーツを買ってきて作ることの違いやハードルの高さを感じました。みた!パーツ屋さんに足繁く通ってパーツを決めるブレッドボードでぶるっ!ユニバーサル基板で埋め込みパーツを作るマニューバーに組み込んで実装完了!ブレッドボードでの試作段階で、ぶるっとした瞬間!感動でした!ハルロックを読んだころに始めた電子工作。詳しくなったら、この辺の記事もいつか詳細に書きたいです。マニューバーをかみやさんに託し、当日のスコア表示サイトを作成しました!Unityからwebサーバにjsonを渡して(ここまではかみやさんの担当)、jsonを読み込んで表示させています。「スコア表示ほしいね!」と軽い気持ちで提案したものの、最後は時間との戦いでした。なんとか間に合ったので、当日体験された方にカラーと連番のID(例:Green#065)とQRコードが書かれたステッカーをお渡しすることができました。間、スコア表示のサイトもご覧いただける予定なので、下記のリンクからご覧ください。「ふしぎマニューバー」webサイト最高得点は「2020点」。トリガーを1分間に202回(3.3667回/秒)以上引いた計算です。大人の方にも童心に戻って楽しんでいただけたかもと思うシーンもありました。なんども体験してくれる子どもさんもいらっしゃいました。おかげさまで、延べ200人近くの方に体験いただけました!楽しんで参加してくださり、ありがとうございました!説明ムービーも掲載しましたこの記事の途中で紹介した「マニューバーのひみつ」ともう一つ「ふかしとライトハウス」という動画を作って、webサイトに掲載しています。動画「ふかしとライトハウス」あとがき「ふしぎマニューバーでふかし体験」は、コンテンツ作りから、当日の会場レイアウト、装飾まで、ほとんどが手作りの企画でした。大変なことも多々あったなか、新しいことやるってこんなに楽しいんだって思い出せる企画でもありました。体験してくださった方々(小さい子から大人まで)みなさんが楽しんでくださったり、どういう仕組みで動いているんですか?と質問してくださったり。制作だけでなく、イベント当日も楽しく過ごせました。TrackerやLighthouseを見たことある!知ってる!とどこかの場面で思い出してくれたり、文化祭などのイベントでもっとすごいVRブースを作ってくれることを願っています。電子工作・Unity・VIVEなど、たくさんの初モノに触れることができました。この経験を次回の何かの足しにしていきたいなぁと思っています。kozaru大阪で細々Web系フリーランスをしているこざるです。好きなことや便利だったことなどを綴ります。