この記事は[徒然 Advent Calendar 2021 - Adventar](https://adventar.org/calendars/6537 "徒然 Advent Calendar 2021 - Adventar")の記事です。

## Pythonista 3で璃奈ちゃんボードアプリを作ろう

最近ソフィーのアトリエを買いました、12月24日担当のYoshiです。
投稿が遅れてしまいましたがなんとかネタになりそうなものが書けたと思います。

1.Pythonista 3とは
---
Pythonista 3とはスマートフォンやタブレットでPythonプログラミングができるアプリです。お値段はAppleStoreで1200円ほど。スマートフォンは画面が小さくて慣れない人には難しいですが、タブレットなら即起動して寝そべりながら手軽にプログラミングができるため良いと思い購入しました。

<img src="https://i.imgur.com/9kbAKe1.jpg" width=40%>

スイッチやボタンを配置してボタンが押された際のアクションなどをコードで書いて、実行すると下のように表示されます。

<img src="https://i.imgur.com/XCzklJu.png" width=80%>
-

ゲーム製作でおなじみのブロック崩しがサンプルコードにありました。

<img src="https://i.imgur.com/ePAsvND.png" width=60%>

---

2.璃奈ちゃんボードとは
----
璃奈ちゃんボードとは「ラブライブ!虹ヶ咲学園スクールアイドル同好会」に登場するスクールアイドル、天王寺璃奈ちゃんが使っているボードです。感情を顔に出すのが苦手な彼女がコミュニケーションをとるために作りました。TVアニメ6話で璃奈ちゃんボードが生まれるまでの過程が印象的でした。TVアニメ2期が2022年4月に始まるので楽しみです。
私は璃奈ちゃんのようにハードの製作まではできませんのでタブレットで起動できる簡単なアプリを作っていきます。

<img src="https://i.imgur.com/u21EiG7.jpg" width=70%>

---

3.製作過程
----
すでにPythonista 3で璃奈ちゃんボードを作っている先駆者様がいらっしゃったので一部アイデアを参考にしながら自分なりのものを作っていきます。

製作過程といってもやったことはシンプルで、押すと色が変わるボタンをたくさん配置して好きな表情を作れるようにしました。

まずは押すと白からピンク色に変わるボタンを18×32個配置しました。

<img src="https://i.imgur.com/VGdpeGf.png" width=70%>

--

あとは上の画面上にblenderで作成したボードの画像を貼りつけて、位置調整をします。
以下のコードを実行することで起動できます。

<img src="https://i.imgur.com/QcwR98F.jpg" width=70%>

--

この画面で表情を作れます。ボードのデザインはアニメ版を意識してみました。見た目はいい感じにできたと思います。

<img src="https://i.imgur.com/rMbDZ85.jpg" width=70%>

---

おわりに
---
製作過程ではボタンや画像の細かい位置調整に時間がかかってしまいました。今後は表情作成モードと閲覧モードを作って保存した表情をスムーズに見れるようにしたいです。
タブレットでプログラミングするのは初めてでしたがなかなか面白かったです。ゲーム製作や画像処理など、以外にできることが多そうなので色々触れてみようと思います。

TVアニメ2期に期待を込めて、以上Yoshiでした。
明日はついに最終日、べるです。