Upgrade to Pro — share decks privately, control downloads, hide ads and more …

第1回 生成AIでポチポチゲームを作ろうの会 (ドラゴンスレイヤー)

第1回 生成AIでポチポチゲームを作ろうの会 (ドラゴンスレイヤー)

NobuakiOshiro

November 02, 2024
Tweet

More Decks by NobuakiOshiro

Other Decks in Programming

Transcript

  1. 自己紹介 自己紹介 • Twitter ID : doradora09こと大城。 専門はデータ分析。日曜ぽちぽちゲームクリエイターをはじめました(Lv.1) ゲーム開発歴 •

    本業では無し。趣味で少しトライするくらい • 生成AIが出てきたので、その力を借りればゲーム開発いけるのでは? と目論んでおります。 好きなゲーム • シミュレーションゲームとかカードゲーム系は好きです。 (ここ2年くらいはCiv6をiPadでやってます。拡張パックのマンサムーサ良い)
  2. 今回使用する生成AI / 素材 / 開発環境 ChatGPT Plus コード生成とゲームロジックの設 計に活用。20$程度の課金 Suno-3.5

    ゲーム用BGMの作曲に使用。 これも確か商用利用は要課金。 DALL-E ゲームグラフィックスの生成に利 用。ChatGPT経由で利用。 SE音のフリー音源 効果音ラボ様より。無料。 https://soundeffect- lab.info/sound/battle/ HTMLの動くブラウザ ノートPC推奨(ファイルを開いた りするので)。なお、プレイだけ ならiPadやスマホでもOK GitHub ゲームを一般公開する際のWebサ ーバ代わりに利用。
  3. HTML / CSS / JSについて 1 HTML ゲームの構造を定義 2 CSS

    ゲームのスタイルとレイアウトを設定 3 JavaScript ゲームのロジックと動きを実装 今回はChatGPT-o1 miniへの渡しやすさを重視して、 最初は1つのHTMLファイルに3つ書く形で実装 ( ちゃんとした構造化は次回以降の課題にて。 )
  4. テスト方法 について • 今回は最初は簡単のために、1つ のフォルダに全てのファイルを設置 してます ( a, b, c.html

    ) -> 別URLにあるd.htmlにはフォルダ構 造を分離したものを置いてます • フォルダをgithubからダウンロード して、そのままブラウザでindex.html を立ち上げればローカル環境でも動 作するはずです Zipで落として解凍、a, b, c.htmlを 再利⽤してください( c.htmlがよいかも )
  5. 各種リンク 初期ver ( a, b, c ) ・GitHub https://github.com/doradora09/chatgames_20241019_dragon ・公開ページ

    https://doradora09.github.io/chatgames_20241019_dragon/ 完成ver ( d ) ・GitHub https://github.com/doradora09/chatgames_20241019v2_dragon ・公開ページ https://doradora09.github.io/chatgames_20241019v2_dragon/ 素材 / コーディング ・Suno AI https://suno.com/ ・ChatGPT https://chatgpt.com/ ・効果⾳ラボ https://soundeffect-lab.info/sound/battle/ •