AIで「お絵かき水族館」作ってみた

GGLT late 2025にて発表したものです。

AIを利用して子供が描いた絵をその場で撮影し、ゲーム内の水槽で泳がせるシステムをAIで作ってみました。

Transcript

1. AIで 「お絵かき水族館」 作ってみた ダンクハーツ エンジニア 末川 勇樹
2. お絵かき水族館 とは
3. お絵かき水族館 描いた絵をUnity内で作った水槽内で泳がせるシステム 初期テスト ※今はもっと色んな動きする ▪ 参加イベント • キテミテ中之島 • ナレッジキャピタル ◦ ワークショップ フェス
4. システム構造
5. システム構造 大きく3つのシステムがある 水族館システム 撮影システム 画像管理システム 実務に追われていて中々実装時間がない… →そうだ、AIを利用してガンガン組んでいこう！
6. 水族館システム
7. 水族館システム どこにAIを使うか • Unityを直接触らせようとすると結構バグりちらかす ◦ metaの参照が外れまくり ◦ コードだけなら良さげ？ • MCPとかもまだ当時知らなかった ◦ 他と比べてUnity関連生成AI系情報少なかった 結果：部分的にAI使っていこう！
8. 水族館システム どこにAIを使ったか 草の揺れ モーション 背景魚群 モーション 取り込み画像の モーション 水面 シェーダー 画像取り込み 処理 各設定値 変更操作処理 モーション 変更処理 etc…
9. 画像管理システム
10. 画像管理システム どこにAIを使うか • web系の生成AI情報は豊富！ ◦ 環境構築から実装まである程度やってもらえる印象 ◦ ファイルサーバってだけでいいからシンプル 結果：全部AI使ったろ！
11. 画像管理システム どこにAIを使ったか • dockerでの環境構築ファイル作成 ◦ 環境構築の仕方もmd形式でAIに書いてもらった • ファイルアップロード機能 ◦ PC,スマホからアクセスできるように ◦ https化(オレオレ証明書)
12. 撮影システム
13. 撮影システム どこにAIを使うか • 何で作ろうってところから0ベースでAI相談 ◦ Windowsでwebカメラ撮影できればなんでも良い ◦ 画像背景の透過だけちょっと厄介かも？ 結果：全部AI使ったろ！
14. 撮影システム どこにAIを使ったか • 撮影ソフトの作成 ◦ python使用 ◦ 全部一気にやらせると画像処理が 上手くいかないので小分け ◦ 機能 ▪ 選択範囲切り抜き ▪ 背景透過 ▪ サイズ縮小(½,¼)
15. 今後
16. AIで作ったモノ 他イベも 出したいな
17. おわり！