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
100
20241019_Chat先生の力を借りてHTMLで動くゲームのベースを作る
https://omoshiroai.connpass.com/event/332431/
NobuakiOshiro
PRO
October 18, 2024
Tweet
Share
More Decks by NobuakiOshiro
See All by NobuakiOshiro
20250421_Rパッケージと作者をLLMでウォッチする
doradora09
PRO
0
40
20250416_第2回_GenAIアナリティクス勉強会at東京_オープニングトーク
doradora09
PRO
0
17
20250416_既知のテーマであればLLMで特徴量の候補抽出が可能という話
doradora09
PRO
0
68
20250414_生成AIから考える未来社会の可能性と心構え(70min版)_v1.00.pdf
doradora09
PRO
0
68
20250409_OpenAISoraで図面から3Dイメージの動画を作ったらちょっと未来を感じた話
doradora09
PRO
0
46
20250328_OpenAI製DeepResearchは既に一種のAGIだと思う話
doradora09
PRO
0
200
20250314_第6回_データサイエンティストの応援団_ゲスト松村さん
doradora09
PRO
0
39
20250308_ChatGPT部第62回_オープニングトーク
doradora09
PRO
1
61
20250308_OpenAIのVision機能で 環境構築をガイドしてもらう〜R言語環境編〜
doradora09
PRO
0
53
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
40
7.2k
Unsuck your backbone
ammeep
670
57k
StorybookのUI Testing Handbookを読んだ
zakiyama
29
5.6k
How to Think Like a Performance Engineer
csswizardry
23
1.5k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
2.9k
Rails Girls Zürich Keynote
gr2m
94
13k
Reflections from 52 weeks, 52 projects
jeffersonlam
349
20k
Git: the NoSQL Database
bkeepers
PRO
430
65k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.2k
Mobile First: as difficult as doing things right
swwweet
223
9.6k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.2k
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 .. !!