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
20250328_OpenAI製DeepResearchは既に一種のAGIだと思う話
doradora09
PRO
0
150
20250314_第6回_データサイエンティストの応援団_ゲスト松村さん
doradora09
PRO
0
33
20250308_ChatGPT部第62回_オープニングトーク
doradora09
PRO
1
55
20250308_OpenAIのVision機能で 環境構築をガイドしてもらう〜R言語環境編〜
doradora09
PRO
0
44
20250301_android版ChatGPTアプリ利用手順.pdf
doradora09
PRO
0
14
第3回ポチポチゲームの会_o3-mini-hihgで出来ること
doradora09
PRO
0
45
20250208_OpenAIDeepResearchがやばいという話
doradora09
PRO
0
190
20250207_第5回_データサイエンティストの応援団_ゲスト我妻さん
doradora09
PRO
0
30
20250127_チャットだけじゃない_生成AIでタスクの5合目まで5分で登る方法(50min版)_v1.00
doradora09
PRO
0
35
Featured
See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.1k
Git: the NoSQL Database
bkeepers
PRO
429
65k
Designing for Performance
lara
606
69k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.7k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
227
22k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
GitHub's CSS Performance
jonrohan
1030
460k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
102
18k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
22
2.6k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
118
51k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.5k
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 .. !!