Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
20241019_Chat先生の力を借りてHTMLで動くゲームのベースを作る
Search
NobuakiOshiro
PRO
October 18, 2024
0
96
20241019_Chat先生の力を借りてHTMLで動くゲームのベースを作る
https://omoshiroai.connpass.com/event/332431/
NobuakiOshiro
PRO
October 18, 2024
Tweet
Share
More Decks by NobuakiOshiro
See All by NobuakiOshiro
第3回ポチポチゲームの会_o3-mini-hihgで出来ること
doradora09
PRO
0
28
20250208_OpenAIDeepResearchがやばいという話
doradora09
PRO
0
180
20250207_第5回_データサイエンティストの応援団_ゲスト我妻さん
doradora09
PRO
0
16
20250127_チャットだけじゃない_生成AIでタスクの5合目まで5分で登る方法(50min版)_v1.00
doradora09
PRO
0
29
20250118_LT_3D風ゲームを作ろうとして苦戦している話(作りかけ)
doradora09
PRO
0
33
20250111_ChatGPT部第58回_オープニングトークand年始のご挨拶
doradora09
PRO
0
60
20241228_ChatGPT部第57回_オープニングトークand振り返り
doradora09
PRO
0
81
20241224_第3回_データサイエンティストの応援団_ゲスト光安さん_公開用
doradora09
PRO
0
36
20241220_引き継ぎLT_後を託せるメンバーや参加者がいる技術系コミュニティは立ち上げ冥利に尽きると思う話
doradora09
PRO
0
79
Featured
See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
Building Your Own Lightsaber
phodgson
104
6.2k
A better future with KSS
kneath
238
17k
GraphQLとの向き合い方2022年版
quramy
44
13k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Rebuilding a faster, lazier Slack
samanthasiow
80
8.8k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
30
4.6k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Statistics for Hackers
jakevdp
797
220k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
550
How to Think Like a Performance Engineer
csswizardry
22
1.3k
Transcript
Chat先⽣の⼒を借りて HTMLで動くゲームの ベースを作る 2024/10/19 @doradora09
モチベーション • ChatGPTを使って何かしらのゲームをさくっと作りたい • あわよくば⼀般公開したい => 今回はHTMLとGithubで動くベースの実験
⼀旦完成品のリンク • https://doradora09.github.io/ch atgames_20241019_dragon/ • トータル6hくらい。ベータ版(⾳無 し)まではその半分強 • 完成版は⾳が出るので注意
⼯夫ポイント① ステータスとダイス • 今回は「開発」にのみChatGPTを利 ⽤ ( GPTs、とかで動かすものは普段は プロンプトのみで指⽰ ) •
ChatGPTの主観ダイスだと結果が恣 意的になるので、そこはjavascript でコーディング • ステータスも管理できるので、楽。 ゲームのUIは以外と理にかなってい たという印象 • 将来的にはこれらのデータを都度 ChatGPTにAPIで⾷わせてレスポン スを得る、溶かしても⾯⽩いはず
⼯夫ポイント② 間が⼤事、SEも⼤事 • 作りながらプレイしていて 「おっ」と思ったのは、「ダ イスの待ち時間を2秒」設定 した時 • 何が出るかのワクワク感が⼤ 事だった。(おみくじみたいな
もん) • なお、全⾃動戦闘だと全くつま らなかった。 • BGM、SEも⼤切でした ( 画像より、多分こっちの⽅ が体感としては重要。雰囲気 ややはりこれも「間」の部分 か )
感想:チョッパやノーコード開発楽しい (ただし、⼀定の知識は必要) • ほぼノーコーディングで簡単なゲームなら作れる&公開できる • これを今度⾷わせて、カスタムもできるはず • Githubで公開してるのでご⾃由にお使いください • ただ、htmlやJS、あとゲームシステムに関する基礎的な考え⽅は必要
• ゲームシステムとするならおそらくRPGツクール、くらい直感的に仕上げないとお そらく厳しい、が多少⼼得がある⼈なら⼗分 • トラブルシューティングはスクショとかをChatGPTに渡せばできる • ガワの開発、ではなくて「中⾝」に専念できるのはめっちゃいい • その他 • Suno3.5のBGMがいい味出してる • なお各種SEはこちらのサイトからお借りしました。多謝。 効果⾳ラボ https://soundeffect-lab.info/sound/battle/
次回以降に向けて • ちょっとやり込み要素を⼊れきれなかったので、そ の辺 ( ⼀応、称号はターン数に応じてあるものの、地味 ) • ファイルを平置きにしてるので整理する •
結果の記録の⽅法の検討 ( ストレージどうするか・・twitter APIが使えたら つぶやかせていたのだけども ) • APIを呼び出して「都度⽣成」する⽅法の検討 ( Difyとかでラップしても良いかもだけど、そのう ち試してみたい )
Enjoy .. !!