kono

工学域電気電子系学類

<h2 id="%E3%81%93%E3%82%93%E3%81%AB%E3%81%A1%E3%81%AF" tabindex="-1"><a class="header-anchor" href="#%E3%81%93%E3%82%93%E3%81%AB%E3%81%A1%E3%81%AF">こんにちは</a></h2>
<br>
　konoです。今回は、コントローラーからの入力を Nintendo Switch とパソコンに同時に送ることができたので、その解説をするよ～、という記事です。タイトル通りですね。頑張りました。白鷺祭の時には「迫りくるマッチョから逃げるゲームを作りたい」と言っていましたが、まあ......人の興味というものは移ろいやすいものでして、今は他の物を作ってみたいお年頃です。<br><br><br>
<h2 id="%E4%BD%9C%E3%81%A3%E3%81%9F%E3%82%82%E3%81%AE" tabindex="-1"><a class="header-anchor" href="#%E4%BD%9C%E3%81%A3%E3%81%9F%E3%82%82%E3%81%AE">作ったもの</a></h2>
<br>
　文字だけだと何を作ったのかよくわからないと思うので、早速ですが見てもらいます。こちらです。<br>
<br>
<p align="center">
  <iframe width="740" height="460" src="https://www.youtube.com/embed/a1cH5_5YhEU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; loop" allowfullscreen></iframe>
</p>
<br>
　はい。右のモニターにコントローラーのイラストが映っていますね。パソコンがコントローラーからの入力を認識して、入力をイラストに反映させています。これが今回のすごいところです。Switchのコントローラーは普通、２つのデバイスに同時に接続することはできません。そこをどうにかして、Switch とパソコンに同時に入力データを送れるようにしています。
<br><br><br>
<h2 id="%E4%BD%BF%E3%81%A3%E3%81%9F%E3%82%82%E3%81%AE" tabindex="-1"><a class="header-anchor" href="#%E4%BD%BF%E3%81%A3%E3%81%9F%E3%82%82%E3%81%AE">使ったもの</a></h2>
<br>
・Nintendo Switch<br>
・パソコン<br>
・パチモンの Pro コントローラー<br>
・Arduino Leonardo<br>
・USB - TTLコンバーター<br>
<br>
　よくわからない単語が出てきました。なんかすごそうです。Arduinoというのは、いわゆる「マイクロコントローラーボード」というやつです。小さいコンピューターのようなもので、プログラムを書いてこれに組み込むことで、電気をつけたり消したり、モーターを動かしたり、センサーから情報を読み取ったり、そんな感じのタスクを自動でこなしてくれるようにできるやつです。USB - TTL コンバーターというのはパソコンとマイクロコントローラー（Arduino）とを接続できる便利なやつです。
<br>
　今回 Arduino は<a href="https://www.amazon.co.jp/gp/product/B0786LJQ8K/ref=ppx_yo_dt_b_asin_title_o02_s00?ie=UTF8&psc=1" target="_blank" rel="noopener noreferrer">これ</a>を使い、USB - TTL コンバーターは<a href="https://www.amazon.co.jp/gp/product/B0786LJQ8K/ref=ppx_yo_dt_b_asin_title_o02_s00?ie=UTF8&psc=1" target="_blank" rel="noopener noreferrer">これ</a>を使っています。Arduino は Arduino Leonardo という種類のものを使っていて、これを使うことで今回の実装が比較的楽になります。
<p><br><br><br></p>
<h2 id="%E3%82%84%E3%81%A3%E3%81%9F%E3%81%93%E3%81%A8" tabindex="-1"><a class="header-anchor" href="#%E3%82%84%E3%81%A3%E3%81%9F%E3%81%93%E3%81%A8">やったこと<br></a></h2>
<h3 id="%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%A0%E3%82%92%E6%9B%B8%E3%81%8F" tabindex="-1"><a class="header-anchor" href="#%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%A0%E3%82%92%E6%9B%B8%E3%81%8F">プログラムを書く</a></h3>
<br>
　今回、３つのプログラムを書きました。
<br><br>
・to_arduino.py
<br>
　コントローラーの入力をパソコンで受け取り、それをいい感じに加工してから Arduino へ送るためのプログラム。コントローラーからの入力を受け取る部分は Pygame というライブラリを使い、Arduino に送るために serial というライブラリを使っています。
<br><br>
・to_switch.ino
<br>
　パソコンからデータを受け取り、それを基に Switch へ命令を送るプログラムで、Arduino に組み込みます。switchに命令する部分は、celclow さんの <a href="https://www.amazon.co.jp/gp/product/B0786LJQ8K/ref=ppx_yo_dt_b_asin_title_o02_s00?ie=UTF8&psc=1" target="_blank" rel="noopener noreferrer"> SwitchControlLibrary</a> を使わせていただいてます。C++ のことが何もわからなくてものすごく冗長なコードになってしまいました。
<br><br>
・visualize.py
<br>
　to_arduino.py と同様にコントローラーから入力を受け取り、画面に映し出したコントローラーの画像に入力を反映させています。コントローラーの絵は自作です。なかなか良い出来でしょう。できるだけプログラムを効率化して、30 fps 以上でイラストを更新できるようになっています。なんとかして 60fps 以上にしたい...
<br><br>
　コントローラーの入力をSwitchとパソコンに同時に送ると言っていましたが、実は入力は
<br>
コントローラー　→　パソコン　→　Arduino　→　Switch
<br>
という経路を通っています。同時とは言えないかもですが、別に操作遅延も感じないので問題はないでしょう！
<br>
　今回の「コントローラーの入力をSwitchとパソコンに同時に送る」という目的上、visualize.py は実は要らなかったりします。でも、データがちゃんとパソコンを通ってるぞ！感を出すためにはあった方がいいのです。自己満プログラムです。
<br><br><br>
<h3 id="%E6%8E%A5%E7%B6%9A" tabindex="-1"><a class="header-anchor" href="#%E6%8E%A5%E7%B6%9A">接続</a></h3>
<br>
　各デバイスは以下のように繋げました。<br><br>
<p align="center">
  <img width="700" src="https://i.imgur.com/Vvqymxc.jpg">
</p>
<br>
　ジャンパーワイヤー（ジャンパー線）というのは、電子工作でよく使われる細い電線です。
<p><br><br></p>
<h3 id="switch%E3%82%92%E9%A8%99%E3%81%99" tabindex="-1"><a class="header-anchor" href="#switch%E3%82%92%E9%A8%99%E3%81%99">Switch を騙す</a></h3>
<br>
　接続して、書いたプログラムを走らせました～、ではありません。その前に少しすることがあります。Arduino は普通、Switch にコントローラーとして認識されないのです。そこで、Arduino にあらかじめ設定されているコントローラー ID のようなものを書き換えることで、これを Switch 用のコントローラーとして認識させます。Arduino を Switch のコントローラーに偽造したい場合、Arduino はポッ拳のコントローラーに見せかけます。<br><br>
Switch「何者だ！」<br>
？？？「ポッ拳ＤＸ専門コントローラーです！」<br>
Switch「ヨシ！」<br><br>
といった具合です。かわいいですね。<br>
 <br><br>
<p align="center">
  <img width="350" src="https://i.imgur.com/XyC03MJ.png">
</p>
<p><br><br></p>
<h3 id="%E5%AE%9F%E8%A1%8C" tabindex="-1"><a class="header-anchor" href="#%E5%AE%9F%E8%A1%8C">実行</a></h3>
<br>
　プログラムを実行します。上で接続方法を説明しましたが、Switch と Arduino の接続は PC で visualize.py と to_Arduino.py を実行してからでないといけません。そうすることで、上の動画のように良い感じに動作します。
<p><br><br><br></p>
<h2 id="%E3%81%8A%E3%82%8F%E3%82%8A" tabindex="-1"><a class="header-anchor" href="#%E3%81%8A%E3%82%8F%E3%82%8A">おわり</a></h2>
<br>
　これに取り組み始めたときは Python 以外何も知識が無い状態だったので、とりあえずキリの良いところまで作ることができて大安心しています。パソコンにあまり詳しくない人から見たら、なんかすごそうと思えるものを作れたんじゃないでしょうか。コントローラーのイラスト素材を自作したりだとか、どんなライブラリを使えば実装できそうなのか調べたりとか、どんなふうに線を繋げれば動くのか試行錯誤したりだとか、よく頑張ったと思います。自分を褒めてやりたいところです。
<br>
　最後に少し注意事項です。<a href="https://www.nintendo.co.jp/support/switch/eula/usage_policy.html" target="_blank" rel="noopener noreferrer"> Nintendo Switch利用規約</a>
には、「本ゲーム機本体、周辺機器、本ソフトウェア等を不正に改造しないこと、および任天堂の許諾を受けていない本ゲーム機の周辺機器およびソフトウェア等を使用しないこと」という記述があります。今回、ゲーム機本体や周辺機器の改造は行っていませんが、「任天堂の許諾を受けていない本ゲーム機の周辺機器」を使用しないこと、という事項に引っかかる可能性があります。真似をする場合は自己責任でよろしくお願いします。<br>
　それでは、ここまで読んでいただき、ありがとうございました！


with Arduino Leonardo

【友好祭23】コントローラーの入力をSwitchとPCに同時に送ってみた

<h2 id="%E3%81%93%E3%82%93%E3%81%AB%E3%81%A1%E3%81%AF" tabindex="-1"><a class="header-anchor" href="#%E3%81%93%E3%82%93%E3%81%AB%E3%81%A1%E3%81%AF">こんにちは</a></h2>
<br>
　konoです。今回2022年度の白鷺祭ではオセロAIのようなものを作ろうと頑張っていましたが、どうしてもアルゴリズムの実装がうまくいかなかったので急遽代わりのものを作ることになりました。うーんどうしようかなーーそうだ！<br>
##### 迫りくるマッチョから逃げるゲームを作ろう！
　まずフィールド作りから始めることにしました。すぐ終わるやろと思っていたわけですがフィールドを作っていたら白鷺祭の日になっていましたね。ほにゅ...？<br>
　ゲームを完成させることはできませんでしたが、フィールドをつくっただけでもきっとえらいです。というわけでこの記事は、後々作る（かもしれない）ゲームのためのフィールド作成プログラムを書いたよ、というものです。<br><br><br>
<h2 id="%E3%83%9D%E3%82%B1%E3%83%80%E3%83%B3%E3%82%92%E7%9B%AE%E6%A8%99%E3%81%AB" tabindex="-1"><a class="header-anchor" href="#%E3%83%9D%E3%82%B1%E3%83%80%E3%83%B3%E3%82%92%E7%9B%AE%E6%A8%99%E3%81%AB">ポケダンを目標に</a></h2>
<br>
<img src="https://i.imgur.com/AHXRFQ4_d.webp?maxwidth=760&fidelity=grand0" width = 300>
<br>
　フィールドを作るにあたって参考にしたのがポケモン不思議のダンジョン、略してポケダンシリーズです。
 <img src="https://i.imgur.com/pUCblnS_d.webp?maxwidth=1520&fidelity=grand0" width = 450>
　 ポケダンではダンジョンがランダムに生成されます。同じ名前のダンジョンを訪れても毎回フィールドの形が違うんですね。こんなランダムなダンジョン生成に憧れて、似たようなものを作ろうと頑張りました。<br><br><br>
<h2 id="%E6%89%8B%E9%A0%86" tabindex="-1"><a class="header-anchor" href="#%E6%89%8B%E9%A0%86">手順</a></h2>
<br>
<img src="https://i.imgur.com/BQ0vywx_d.webp?maxwidth=1520&fidelity=0" width = 450>
<br>
　ポケダンのようなプレイするたびにマップやダンジョンが新たに作られるゲームは「ローグライクゲーム」と言うらしいです。ローグライクゲームでは普通、
<pre><code class="hljs">① 大きい長方形を複数の長方形に分ける
② 分けられた長方形の中に部屋を作る
③ 部屋をつなぐ道を作る
</code></pre>
<p>という手順で地形が作られるらしいです。むずそーー。<br><br><br></p>
<h2 id="%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%A0%E3%82%92%E6%9B%B8%E3%81%8F" tabindex="-1"><a class="header-anchor" href="#%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%A0%E3%82%92%E6%9B%B8%E3%81%8F">プログラムを書く</a></h2>
<h4 id="%E3%81%86%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81" tabindex="-1"><a class="header-anchor" href="#%E3%81%86%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%E3%81%8A%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81%EF%BC%81">うおおおおおおおおおおおおおおおおおおおおおおおお<br>おおおおおおおおおおおおおおおおおおおおおおおおお<br>おおおおおおおおおおおおおおおおおおおおおおおおお<br>！！！！！！！！！！！！！！！！！！！！！！！！！<br>！！！！！！！！！！！！！！！！！！！！！！！！！<br>！！！！！！！！！！！！！！！！！！！！！！！！！<br><br><br></a></h4>
<h2 id="%E6%9B%B8%E3%81%84%E3%81%9F" tabindex="-1"><a class="header-anchor" href="#%E6%9B%B8%E3%81%84%E3%81%9F">書いた</a></h2>
<br>
 　書きました。できたものがこちらになります。<br><br>
<iframe width="740" height="460" src="https://www.youtube.com/embed/8yBCPfKoxaA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; loop" allowfullscreen></iframe>
<br>
ポケダンには及ばないですがかなり様になっているのではないでしょうか。<br><br><br>
<h2 id="%E4%B8%AD%E8%BA%AB" tabindex="-1"><a class="header-anchor" href="#%E4%B8%AD%E8%BA%AB">中身</a></h2>
<br>
　プログラムはPython3.9で書きました。Unityとかなんにもわかりませんので。可読性が低くバグの潰し方が汚いソースコードですが、まあ素人の書くコードなんてこんなものでしょう。 ~~うごけばええねん。~~ 去年作ったブラックジャックのプログラムの汚さと比べれば100倍マシです。<br><br><br>
<h2 id="%E3%81%8C%E3%82%93%E3%81%B0%E3%81%A3%E3%81%9F%E3%81%A8%E3%81%93%E3%82%8D" tabindex="-1"><a class="header-anchor" href="#%E3%81%8C%E3%82%93%E3%81%B0%E3%81%A3%E3%81%9F%E3%81%A8%E3%81%93%E3%82%8D">がんばったところ</a></h2>
<br>
　　色々あるのですがなんと言っても部屋をつなぐ道づくりです。頑張ったのでちょっと長くなります。どうやって道をつなげようか調べていた時に見つけたサイトでは、
<pre><code class="hljs">① 繋ぐ２つの部屋を決める
② ２部屋から道を伸ばし、
③ 部屋の属する領域同士の境界線上でつなぎ合わせる
</code></pre>
<p>という方法が書かれていました。文ではわかりづらいですが、上のイラストのような部屋のつなぎ方ですね。<br>
　確かにこの方法でできる道はとてもポケダンらしい見た目なのですが、自分はちょっとこの方法で上手くいく気がしなかったので、以下の方法で道を作りました。</p>
<pre><code class="hljs">① ひとつの部屋を選ぶ
② その部屋から上下左右４方向に道（仮）を伸ばす
③ 道（仮）が他の部屋に当たれば道（仮）をちゃんとした道にする、
	 他の部屋に当たらなかったらとりあえず道（仮）を放置
④ 他の部屋からも４方向に道（仮）を伸ばし、他の部屋や他の部屋からの道（仮）に当たれば
	 道（仮）をちゃんとした道にして部屋同士をつなげる
⑤ ④を残りのすべての部屋について施す
</code></pre>
<p>④以降で道をつなげる時、「深さ優先探索」といわれるアルゴリズムを用いたのですが、僕はこのアルゴリズムがとっても苦手です。記事の最初に「アルゴリズムの実装ができなくてオセロAI作りを断念した」と書きましたが、そのアルゴリズムであるアルファベータ法は再帰（関数の定義に同じ関数を利用すること）を利用して強い手を探すというものです。<br>
　僕は再帰がめちゃくちゃ嫌いでできるだけ避けて生きてきたのですが、今回必要になった深さ優先探索も不幸なことに再帰を利用するアルゴリズムです。再帰から逃げてきたのに再帰に回り込まれてしまいました。仕方ないので泣く泣く深さ優先探索と向き合います。<br>
　なんとか⑤まで終わらせると、今度は怒涛のバグ潰しが待っていました。<br><br>
<img src=" https://i.imgur.com/mFjpQAM_d.webp?maxwidth=760&fidelity=grand" width = 450>
<br>
　まずなんか道が太くなってました。なんやかんやで原因をつきとめ、どうにもならんので太い道を作らないことを諦め、太くなった道を細くする方向で頑張りました。<br><br>
<img src="https://i.imgur.com/On64RPf_d.webp?maxwidth=1520&fidelity=grand" width = 450>
<br>
　頑張った結果、なんか道がちぎれてました。どうしようか考えましたが</p>
<p><strong>深さ優先探索</strong>で補正するのが一番よさそうでした。<br><br><br>
<img src=" https://i.imgur.com/82FnyUn_d.webp?maxwidth=760&fidelity=grand" width = 500>
<br>
　このバグ、10回のマップ生成で１回起きるか起きないかくらいの頻度です。もう放置でよくないですか？とも考えましたが、泣きながらもう一度深さ優先探索を書きました。もう自分でも何を書いているのか分からなかったですが、なんか上手く動いたのでOKです。<br><br><br></p>
<h2 id="%E6%94%B9%E5%96%84%E3%81%97%E3%81%9F%E3%81%84%E7%82%B9" tabindex="-1"><a class="header-anchor" href="#%E6%94%B9%E5%96%84%E3%81%97%E3%81%9F%E3%81%84%E7%82%B9">改善したい点</a></h2>
<br>
　ひとつとてもわかりやすいバグがあります。上の動画を注意深く見ていた人は気づいたかもしれません。<br><br>
 <img src=" https://i.imgur.com/DZWxi0a_d.webp?maxwidth=1520&fidelity=grand" width = 400>
<br>
　このマップ生成方法だと、なんと他のどの部屋にも道が繋がっていない部屋、つまり孤立した部屋がごく稀にできてしまうんですね。マッチョから逃げるゲームを作るときにこのバグが残ったままだと、主人公のスポーン地点がその孤立部屋だった場合、どれだけ放置してもそこにマッチョが来ることがないという状況になってしまいます。<br>
 　解決策は浮かんでいますがこの記事を書いている現在11月５日(土)の朝５時半ということで、バグを直してまた実行の様子をキャプチャしてうんぬんかんぬんする元気は僕にはありません。ゆるして。<br><br>
 　もうひとつ絶対にどうにかしたい部分が、最初に示した全体の手順
<pre><code class="hljs"> ① 大きい長方形を複数の長方形に分ける
 ② 分けられた長方形の中に部屋を作る
 ③ 部屋をつなぐ道を作る
</code></pre>
<p>の①と②の部分、つまり部屋づくりですね。今回、部屋の個数と大きさをランダムで良い感じに決まるようにしたかったのですが、大きさを良い感じにすることができませんでした。（部屋の数を良い感じのランダムにすることはできましたが、上のコードでは見栄えが良くなるように一旦部屋の数を８個に固定しています。）<br>
　動画を見てもらえればわかる通り、部屋の大きさが全体的に小さいです。一応部屋の大きさをランダムにすることはできていますがその自由度が低いんですね。なんとかしたいです。
<br><br><br></p>
<h2 id="%E6%84%9F%E6%83%B3" tabindex="-1"><a class="header-anchor" href="#%E6%84%9F%E6%83%B3">感想</a></h2>
<br>
　バグを直したところからまた別のバグが発生するというあるある(？)を体験できたのが楽しかったですね。今回書いたプログラムは400行くらいで僕にとってはとても大変だったのですが、ガチでプログラミングをする人は何千行何万行、多い時は何十万行のプログラムを書くこともあるらしくて戦慄しています。化け物か？<br>
　あと、変数名や関数名が同じようなものばかりになってどの変数に何が格納されているのかわからないことが多々ありました。読みやすいプログラムを書くにはどうしないといけないのか勉強していかないといけませんね。<br>
　作るものが途中で変更になりましたが、なんとか展示時間までに形にできてよかったです。最後に、こんな長ったらしい記事を最後まで読んでくださり、ありがとうございました。


白鷺祭で公開した作品自体が説明記事なので、ほぼ使い回し

【白鷺祭22】ポケダンのダンジョンを模倣したい

がんばった。

ポケダンのダンジョンを模倣したい

<p>こんにちは。好きなにじさんじのVTuberについてぺらぺらと書いていきます。あわよくばハマってくんねーかなーと思って短い動画を貼っています。興味ない人はそれだけでも見て帰ってね</p>
<h2 id="%E3%83%AA%E3%82%BC%E3%83%BB%E3%83%98%E3%83%AB%E3%82%A8%E3%82%B9%E3%82%BF" tabindex="-1"><a class="header-anchor" href="#%E3%83%AA%E3%82%BC%E3%83%BB%E3%83%98%E3%83%AB%E3%82%A8%E3%82%B9%E3%82%BF"><a href="http://www.youtube.com/channel/UCZ1xuCK1kNmn5RzPYIZop3w">リゼ・ヘルエスタ</a></a></h2>
<img src="https://i.imgur.com/yAdpyCA.jpeg" width = 280>
<p>にじさんじの文武両道人望激熱プリンセス。声が良い。思いやりの化身。俺、初スパチャはこの人にって決めてるんだ。デビュー同期は<a href="https://www.youtube.com/channel/UCHVXbQzkl3rDfsXWo8xi2qw">アンジュ・カトリーナ</a>と<a href="https://www.youtube.com/channel/UCXRlIK3Cw_TJIQC5kSJJQMg">戌亥とこ</a>の２人で、３人そろって「さんばか」です。最近さんばかがめでたくデビュー三周年を迎えて<a href="https://youtu.be/WCUFgXxaf84">記念３Dライブ</a>がありました。さんばかはいいぞ。<br>
　リゼ様はにじさんじ女性ライバー陰キャランキング（非公式）で堂々の１位を誇る陰キャですが、陰キャのわりにコミュ力がすごーく高い。滑舌も良い。声もかわいい。同じくにじさんじの笹木咲に「コミュ強の趣味陰キャ」と言われています。ここで何を言うよりも実際に見てもらった方が魅力が伝わると思うので、<a href="https://www.youtube.com/channel/UCJ9BZ9umy7SoOkuqIZzg4Rg">さんばかーにばるCh</a>様の素晴らしい切り抜きを見てください。<br><br>
素晴らしい切り抜き<br>
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓<br>
<a href="https://www.youtube.com/watch?v=OrWlevoA8Wo">『【フルカラーさんばか紙芝居　第三話】リゼ皇女のポンコツかわいいお話【手描きにじさんじ　漫画　にじさんじ　切り抜き　リゼ・ヘルエスタ　戌亥とこ】』</a><br><br><br><br></p>
<h2 id="%E6%9C%88%E3%83%8E%E7%BE%8E%E5%85%8E" tabindex="-1"><a class="header-anchor" href="#%E6%9C%88%E3%83%8E%E7%BE%8E%E5%85%8E"><a href="https://www.youtube.com/channel/UCD-miitqNY3nyukJ4Fnf4_A">月ノ美兎</a></a></h2>
<img src="https://yt3.ggpht.com/ytc/AKedOLSGyQadwaaYuZy1zy33pdrj0yQLP_WVQziEbUwOJg=s900-c-k-c0x00ffffff-no-rj" width = 280>
<p>にじさんじのやべーやつ。見た目とのギャップがいちばんすごい。こんなん清楚系やと思うやん。<br><br>
謎の動画<br>
↓↓↓↓↓↓↓↓↓↓↓↓<br>
<a href="https://www.youtube.com/watch?v=XRK9xxfkhk4">『Face App つきのみと』</a><br><br><br><br></p>
<h2 id="%E5%89%A3%E6%8C%81%E5%88%80%E4%B9%9F" tabindex="-1"><a class="header-anchor" href="#%E5%89%A3%E6%8C%81%E5%88%80%E4%B9%9F"><a href="https://www.youtube.com/channel/UCv1fFr156jc65EMiLbaLImw">剣持刀也</a></a></h2>
<img src="https://yt3.ggpht.com/x1tY-OBu8vyQlfqX8wFQoxRRjV_73T72p3i14nq0BDiiC2jvJY7r6UiixVc5fPDB9Ur4L9aTRA=s900-c-k-c0x00ffffff-no-rj" width = 280>
<p>トーク力お化けのロリコン。<br><br>
<a href="https://www.nicovideo.jp/user/118199945">不可逆褐色</a>様の素晴らしい音MAD<br>
↓↓↓↓↓↓↓↓↓↓↓↓<br>
<a href="https://nico.ms/sm38446218">『ロリローリ・ローリロ』</a><br><br><br><br></p>
<h2 id="%E7%94%BA%E7%94%B0%E3%81%A1%E3%81%BE" tabindex="-1"><a class="header-anchor" href="#%E7%94%BA%E7%94%B0%E3%81%A1%E3%81%BE"><a href="https://www.youtube.com/channel/UCo7TRj3cS-f_1D9ZDmuTsjw">町田ちま</a></a></h2>
<img src="https://file9-d.kuku.lu/thumbs/20220420-0103_1ee88e5ac2b3fc8c1e23b932da6c2861.jpg" width = 400>
<p>にじさんじのやべーやつ。歌がものすごく上手い。<br><br>
素晴らしい御歌<br>
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓<br>
<a href="https://www.youtube.com/watch?v=k9Eewd8TEWE">『フォニイ - ツミキ / 町田ちま(Cover)』</a><br>
<a href="https://www.youtube.com/watch?v=Cch-8tl4z2g">『【歌ってみた】変わらないもの／奥華子【町田ちま】』</a><br><br><br><br></p>
<h4 id="%E7%B5%82%E3%82%8F%E3%82%8A" tabindex="-1"><a class="header-anchor" href="#%E7%B5%82%E3%82%8F%E3%82%8A">終わり</a></h4>
<p>にじさんじは魅力的な人が多すぎて挙げだしたら切りがないです。ネットの海には素敵な切り抜きがたくさんなので、興味をもってくれた方はたくさん見てください。</p>
