開発未経験がAIを使ってノベルゲームを作ってみた

ノベルゲーム作ってみた 開発未経験がノベルゲーム作ってみた話

開発よくわからない人が ノベルゲーム作ってみた AI 木曜会 しおり＠美術部

目次 01 作りたいと思ったきっかけ 02 ３つの制作ステップ 03 ゲームプレイ動画（途中まで） 04 ノベルゲームを作ってみて思ったこと

01 作りたいと思ったきっかけ

きっかけ SNSで「AIでゲームを作ってみた」 投稿を見かけるようになった。 やってみたい。。。

きっかけ GeminiのCanvas機能でつくれた！ もぐらたたき！

ノベルゲームもできるのかな？？ 世界観マシマシの、自分だけの何かが作れたら おもしろそう！

ゴール：LTまでにAIでノベルゲームを作ること ◼︎◼︎◼︎◼︎◼︎... まず作れるかどうか試してみよう

02 ３つの制作ステップ

ざっくり流れ ①台本をつくる ②画像をつくる ③合体！！

①.台本をつくる（claude）

claudeで台本作ってもらう ノベルゲームの台本を作りたい。5分位で終わるやつ。 登場人物は自分とスマホの中にいるAIの女の子。分岐ありでお願いします！ スマホAIとの対話形式で、選択肢による分岐を含めた構成にします。。。 （1500文字程度の台本を作ってくれる）

好きなように修正していく もっと感動的に。 AIが辛く泣いてしまうような 場面を作って 忖度無しで評価して。 満点でない場合は満点にする ような台本にして。 バッドエンドのルートも 作成して

②.画像をつくる（ChatGPT）

画像をつくる流れ（Chat GPT） claudeで chatGPT画像生成用の プロンプトを出力 chatGPTで画像生成 画像ダウンロードし、 フォルダに保管

③.合体！！

指示してもイラストが反映されず、、

claude codeで解決できるらしい ・chatGPTに質問しながら ・公式サイト見ながら 進めてみました

セットアップなど準備が整ったら...

再チャレンジ！合体！ ====== Next.jsとTypescriptでノベルゲームを作成してください。 画像はフォルダの中のものを使ってください。 ノベルゲームの台本は添付した文章になります。 ======

出てきた〜〜〜〜！！

画像の切り替えタイミング、合ってる！

03 ゲームプレイ動画

03 ゲームプレイ動画

04 ノベルゲームを 作ってみて 思ったこと

いい変化、たくさん！ 01 やってみたいこと、好奇心がさらに増した 02 相手を楽しませるにはどうしたらいいか？を より考えるようになった 03 少し先の未来が見えたような気がした

THANK YOU AIでゲーム作りを楽しもう！！ 参考：gimuさんのX（@gimu_ai） 公式ドキュメント(https://docs.anthropic.com/ja/docs/claude-code/quickstart)