toio™サッカー誕生のアレコレ

これは[「toio™(ロボットトイ | toio（トイオ）) Advent Calendar 2019」](https://qiita.com/advent-calendar/2019/toiotomo)の10日目の記事になります。

### はじめに自己紹介
[tomotomospot](https://twitter.com/tomotomospot)と申します。本職は[LITALICOワンダー](https://wonder.litalico.jp/)の中の人をしております。個人ではUnityのコミュニティや剣道の指導者、スポンサー業、女子プロ野球の支援などなど割と幅広く手を出しているガジェット好きの社会人です。ちなみに[toio™で作ってみた！友の会（非公式）](https://www.facebook.com/groups/toiotomo/)の中の人もやってます。今回完全なる勢いでアドイベントカレンダーを立ち上げたのですが、色々記事も増えてとても嬉しい思いです!! 本当にありがとうございます！

### toio™らしい遊びを作ろう。

これは最初にtoio™を触ってみながらワークショップネタを考えていた時のアイデアであります。
色々toio™ならではの機能がありますが、最初は以下3点を意識して作成することにしました。

- toio™にはブロックを付けて拡張することが出来る!!
    - キューブを操作している時はキューブが自分の分身のような感覚。ブロックを装飾して自分オリジナルのキューブを作るのはどうか。
- toio™ビジュアルプログラミングで色々動かせる。
    - 色々動かせるがフリームーブ以上の何かを活用せざる得ないシチュエーションにしたい。
- 絶対的な位置が検出できる! そう!専用プレイマットくんがいればね!!


<img width="124" alt="スクリーンショット 2019-12-09 19.59.56.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/47901/1041aa99-48ca-2fbf-3d40-153a1f7c0a77.png">
※プレイマットくん。


### 突然降りてきた、李忠成
通勤中はYoutubeで色々な動画をサーフィンしているのだが、ふとこんな懐かしいシーンが降ってきた。
<img width="482" alt="スクリーンショット 2019-12-09 20.03.57.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/47901/c0d713cc-7ee4-7f43-d5a8-87acbb6b03bf.png">
[動画でみたほうがよいやつ](https://www.youtube.com/watch?v=zpOe5geJixA)
この瞬間思ったんだ。**toio™で玉蹴りたい**とね。…本気で思ったが、落ち着いて色々考えていくと。

- toio™にはブロックを付けて拡張することが出来る!!
    - キューブをサッカー選手に見立て、オリジナルで作成すれば没頭感をだせるのではないか。
- toio™ビジュアルプログラミングで色々動かせる。
- 絶対的な位置が検出できる! 
    - 作った選手を動かす＆サッカーならではの攻守や、カウンター（ボールを持ったらゴール前にいく）などプログラミングをする動機が多く持てそう。（マットの座標を使う事も可能だ）

以上のような設計で一度toio™でサッカーをやるのはどうかと思った。

### まぁまずはやってみよう。
<img width="342" alt="スクリーンショット 2019-12-09 20.12.45.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/47901/9a570ae4-154d-0123-b237-3771ad1a688d.png">

※蹴るマン零号機（2019,8,10生）
※レゴブロック4×4のものがベストフィットだが、以下のような少しはみ出るブロックを軸に改良してもよさそう。
<img width="239" alt="スクリーンショット 2019-12-09 20.14.27.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/47901/fe75a92d-6dc1-ab1e-2311-2c75575c635c.png">
引用：toio LABより 


### で、ボールは？問題。
私は蹴るボールは、ピンポン玉で良いかなと最初は思っていたが、教室で試している様子をみていたお子さんが通りがかりに「ボールが子供だましだね」と言ってきた。確かにその通りで、サッカーというかボール運び感が否めなかった。いっそボール運びコンテストとかも考えたが、恐ろしくフリームーブから抜け出せない事を想像し、サッカーのピッチに戻ってきた。サッカーボールはyoutubeを見ながら良さそうな素材を探していた所、これを見つけた。

[サッカーゲームのサッカーボール](https://www.amazon.co.jp/%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E3%82%B5%E3%83%83%E3%82%AB%E3%83%BC%E3%83%9C%E3%83%BC%E3%83%AB-%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E3%83%95%E3%83%BC%E3%82%BA%E3%83%9C%E3%83%BC%E3%83%AB-%E3%83%9F%E3%83%8B%E3%82%AB%E3%83%A9%E3%83%95%E3%83%AB%E3%82%B5%E3%83%83%E3%82%AB%E3%83%BC%E3%83%9C%E3%83%BC%E3%83%AB-%E3%82%B5%E3%83%83%E3%82%AB%E3%83%BC%E3%82%B2%E3%83%BC%E3%83%A0%E7%94%A8-%E3%83%97%E3%83%A9%E3%82%B9%E3%83%81%E3%83%83%E3%82%AF/dp/B07KQCB8P6/ref=sr_1_51?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&dchild=1&keywords=%E3%82%B5%E3%83%83%E3%82%AB%E3%83%BC%E3%83%9C%E3%83%BC%E3%83%AB+%E3%82%B5%E3%83%83%E3%82%AB%E3%83%BC%E3%82%B2%E3%83%BC%E3%83%A0&qid=1575890496&sr=8-51)
<img width="270" alt="スクリーンショット 2019-12-09 20.22.03.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/47901/bf20c7b4-bc1b-fe39-acdf-2d40067358ca.png">

なかなかこれが丁度いい重量感で、一気にサッカーゲーム感が増した。昔やったことのあるサッカーゲームだ。
お子さんはコレジャナイ感に敏感だ。子供は一回経験しているだけに非常にわかる。
<img width="259" alt="スクリーンショット 2019-12-09 20.25.59.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/47901/cac7a000-02f8-7db9-738d-fce9921fa03b.png">

※左のような蹴るマンはハンドの恐れを指摘される可能性もある為、ミニフィグが操作する風の蹴るマンもオススメだ。（中東の笛対策……………は？何言っているの？）

### PK、パス対決、シーン再現、ストラックアウトのような形で楽しめる。
マットは広さの関係もありさすがに11人VS11人みたいな試合は難しい。いつか試合はしてみたいものの、ゴールを決めることや、サッカーのボールポゼッショントレーニングを行うようなもの（2VS1等）、シーンの再現、ストラックアウトのようにサッカーボールを自分で作ったキューブでキープしアクションできるようなミニゲームを作り楽しんでみた。マットは相手のゴール前に設定するなど、やはり設定すると面白い。

<img width="199" alt="スクリーンショット 2019-12-09 20.27.43.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/47901/813c066b-bcc0-4dbf-a5d2-9a8540fa81b6.png">
フリームーブは十字キーでの操作を基本とし、ゆっくり動くなどはオプションで考えてもらう事も想定している。

<img width="460" alt="スクリーンショット 2019-12-09 20.36.18.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/47901/396cccd0-48f0-2cb6-b6e6-417d264fc418.png">
パソコンのキーボードでの操作を基本としているものの、色々なシュートやパスが混在すると、カオスになるので、
操作感をアップしたいのであればゲームパッドを使用する事をオススメする。

[Macでゲームパッドを動かす方法](https://qiita.com/tomotomospot/items/d7429dc25f3e7bfa4525)

### レッツチャレンジ李忠成!!

![NGS.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/47901/871f32f8-e820-3302-f04f-51c91f96c68b.gif)


松木さん「がああああ　何やってるんですかねぇええええ」

![ka.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/47901/6d1ab9d2-4bfc-4259-6ade-f4aa58d855b7.gif)



松木さん「フリーーーーーザーーーー」
[参考の動画 6:47あたり](https://www.youtube.com/watch?v=owFZfAjBX40)

### 注意点まとめ
 - 周りのコースはレゴで仕切ってあげるのをオススメ（ボールが色んな所へ飛んでいく）
 - ゴールはGIF動画のように、網ではなく、ボールが当たったら倒れる事でゴールを明示するようにした。
 - ゴールは斜めに置くことで、より入れやすくなるのでオススメ。

### その他必要なもの
[雰囲気が出る、プラスチックのカード](https://www.amazon.co.jp/%E3%82%AB%E3%83%BC%E3%83%89%E3%82%BB%E3%83%83%E3%83%88%E3%83%95%E3%83%83%E3%83%88%E3%82%B5%E3%83%AB%E5%AF%A9%E5%88%A4-%E8%AD%A6%E5%91%8A%E3%82%AB%E3%83%BC%E3%83%89%E3%82%BB%E3%83%83%E3%83%88-%E3%83%AC%E3%82%B3%E3%83%BC%E3%83%89%E3%82%AB%E3%83%BC%E3%83%8910%E6%9E%9A-%E5%A4%89%E5%BD%A2%E3%81%8C%E3%81%AB%E3%81%8F%E3%81%84-%E3%83%AC%E3%83%95%E3%83%AA%E3%83%BC%E3%83%BB%E5%AF%A9%E5%88%A4%E7%94%A8%E3%82%A6%E3%82%A7%E3%82%A2/dp/B07PVBM3GZ/ref=sr_1_2?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&dchild=1&keywords=%E3%82%A4%E3%82%A8%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%BC%E3%83%89&qid=1575894353&sr=8-2)
<img width="267" alt="スクリーンショット 2019-12-09 21.26.07.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/47901/cf147c84-6edb-3b39-df0f-36590df00727.png">

### さいごに

LITALICOワンダーでは[冬の特別講習 ウィンターラボ2019](https://wonder.litalico.jp/event/winter-lab/)にてtoio™️でロボットサッカーにチャレンジ！が爆誕している。これは私の李忠成ではなく、ちゃんといい感じでチューニングした内容をお届けしていく内容なので、ぜひお子さんへはわくわくした気持ちを持って参加してもらえれば幸いである。(おいおい…最後宣伝なの…!?)


============================真面目に戻る線============================

明日は[kenichih](https://qiita.com/kenichih)さんによる「Python API bleakでWindows10/macOS/Linux(raspbian)からtoioコア キューブを動かす話」です。12月も中旬。素敵なtoio™️ライフを過ごしましょう!!