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
130
20241019_Chat先生の力を借りてHTMLで動くゲームのベースを作る
https://omoshiroai.connpass.com/event/332431/
NobuakiOshiro
PRO
October 18, 2024
Tweet
Share
More Decks by NobuakiOshiro
See All by NobuakiOshiro
20250910_生成AIでスタンドアロンなデータ分析ダッシュボードを作りたい
doradora09
PRO
0
22
20250906_“GPT-5、Cerebras、 あとgpt-oss-120bの話” をしようと思ったら Qwen3-480Bがつよつよだっ た話(テトリスで検証)
doradora09
PRO
0
51
20250901_LT_爆速AI_CerebrasでリアルタイムSVG生成
doradora09
PRO
0
89
20250823_LT_爆速AI_Cerebrasから考える未来
doradora09
PRO
0
46
20250726_DeepResearchで何かしらの情報を調べた後のTips
doradora09
PRO
1
54
20250718_分析業務への生成AI活用(テキストマイニングを例題に)
doradora09
PRO
1
84
20250715_AI時代到来・企業リスクへの生成AI活用術
doradora09
PRO
0
72
20250709_MacStudioとLlama-4Maverickでローカル画像認識
doradora09
PRO
1
63
20250709_第3回_GenAIアナリティクス勉強会at東京_オープニングトーク
doradora09
PRO
0
90
Featured
See All Featured
How GitHub (no longer) Works
holman
315
140k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
Facilitating Awesome Meetings
lara
55
6.5k
Automating Front-end Workflow
addyosmani
1370
200k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
31
2.2k
The Language of Interfaces
destraynor
161
25k
It's Worth the Effort
3n
187
28k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
The Invisible Side of Design
smashingmag
301
51k
Bash Introduction
62gerente
615
210k
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 .. !!