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
20241221_第2回ポチポチゲームの会_シューティングゲームの巻
Search
NobuakiOshiro
PRO
December 20, 2024
Technology
1
90
20241221_第2回ポチポチゲームの会_シューティングゲームの巻
https://genai-pochi-games.connpass.com/event/339022/
NobuakiOshiro
PRO
December 20, 2024
Tweet
Share
More Decks by NobuakiOshiro
See All by NobuakiOshiro
20250726_DeepResearchで何かしらの情報を調べた後のTips
doradora09
PRO
1
44
20250718_分析業務への生成AI活用(テキストマイニングを例題に)
doradora09
PRO
1
78
20250715_AI時代到来・企業リスクへの生成AI活用術
doradora09
PRO
0
66
20250709_MacStudioとLlama-4Maverickでローカル画像認識
doradora09
PRO
1
47
20250709_第3回_GenAIアナリティクス勉強会at東京_オープニングトーク
doradora09
PRO
0
72
20250625_生成 AI 活用2年目の壁を突破せよ_(60min版)
doradora09
PRO
0
52
20250628_生成AIおすすめyoutube共有会_ChatGPT部第69回
doradora09
PRO
0
65
20250614_LT_走れメロスの個人情報マスク処理をMacStudio 512GBメモリマシンで試してみた
doradora09
PRO
1
12
20250607_AIから始めるロボット勉強会_HuggingFaceについて
doradora09
PRO
0
25
Other Decks in Technology
See All in Technology
Claude Codeが働くAI中心の業務システム構築の挑戦―AIエージェント中心の働き方を目指して
os1ma
9
1.5k
AI人生苦節10年で会得したAIがやること_人間がやること.pdf
shibuiwilliam
1
270
【CEDEC2025】『ウマ娘 プリティーダービー』における映像制作のさらなる高品質化へ!~ 豊富な素材出力と制作フローの改善を実現するツールについて~
cygames
PRO
0
230
AI時代の経営、Bet AI Vision #BetAIDay
layerx
PRO
1
1.8k
風が吹けばWHOISが使えなくなる~なぜWHOIS・RDAPはサーバー証明書のメール認証に使えなくなったのか~
orangemorishita
15
5.5k
マルチモーダル基盤モデルに基づく動画と音の解析技術
lycorptech_jp
PRO
4
520
✨敗北解法コレクション✨〜Expertだった頃に足りなかった知識と技術〜
nanachi
1
510
2025-07-31: GitHub Copilot Agent mode at Vibe Coding Cafe (15min)
chomado
2
380
【OptimizationNight】数理最適化のラストワンマイルとしてのUIUX
brainpadpr
1
260
S3 Glacier のデータを Athena からクエリしようとしたらどうなるのか/try-to-query-s3-glacier-from-athena
emiki
0
180
OPENLOGI Company Profile for engineer
hr01
1
37k
猫でもわかるQ_CLI(CDK開発編)+ちょっとだけKiro
kentapapa
0
3.4k
Featured
See All Featured
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
Automating Front-end Workflow
addyosmani
1370
200k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Documentation Writing (for coders)
carmenintech
73
5k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.5k
How to Ace a Technical Interview
jacobian
278
23k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
Six Lessons from altMBA
skipperchong
28
3.9k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
Building Applications with DynamoDB
mza
95
6.5k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Transcript
第2回 ポチポチゲームを 作ろうの会 〜 シューティング ゲームを作ろう︕ の巻 〜 2024/12/21 @doradora09
⾃⼰紹介 @doradora09こと⼤城、出⾝は沖縄、東京 で就職して今は福岡に移住。 本業は昔数年Webエンジニア->データサイエ ンス関係。 ⽣成AI使えば昔やりたかったゲーム開発ができ るのでは︖ということでこの勉強会を⽴ち上げ ました。
この会の趣旨 • ないなら作る、でワイワイやる • 極⼒、ノーコーディング • ぜひみなさんの作品も いつかプレイさせてください・・︕
この会でよく使ってる⽣成AIや素材等 ChatGPT Plus / Pro コード生成とゲームロジッ クの設計に活用。20$程度の 課金 Suno.AI ゲーム用BGMの作曲に使用。
これも確か商用利用は要課金。 DALL-E ゲームグラフィックスの生成 に利用。ChatGPT経由で利用。 SE音のフリー音源 効果音ラボ様より。無料。 https://soundeffect- lab.info/sound/battle/ HTMLの動くブラウザ PC環境推奨(ファイルを開いた りするので)。なお、プレイだ けならiPadやスマホでもOK GitHub ゲームを一般公開する際の Webサーバ代わりに利用。
前回と、今回のテーマ • 前回は「ドラゴンスレイヤー」 という名前で コマンド選択式のポチポチゲー ムを作ってました。 • 今⽇は横スクロールなシュー ティングゲームを1時間で作り ます(少⼈数ならハンズオン)
https://doradora09.github.io/chatgames_ 20241019v2_dragon/
完成版の例 • (BGM注意) https://doradora09.github.io /20241221_chatgames_shooting_starrimlegion /
ゲーム開発ハンズオン
ChatGPT Proをお貸しします (後でパスワード変更しておきます) • チャット欄にアカウント・パスワードをお送りしますので OpenAIのサイトからChatGPTにアクセスしてみてください • https://openai.com/index/chatgpt/ • ちなみに複数名で同時利⽤する場合はタブが乱⽴しますので、
ニックネームとか⽬印をタブの名前につけておくと良いかも です [注意] ID / Passの 外部公開は 禁⽌
参考︓ IDを⼊れて、 続けるをクリック。 次にパスワードを ⼊れる ChatGPTの画⾯ o1-miniのモデルは早い ので切り替えおすすめ ( 好きなモードでOK
)
ChatGPT活⽤上の注意点 • 右上のアイコン->設定->デー タコントロール->「すべての ⼈のためにモデルを改善する」 をOFFにしてご利⽤ください • ⼤原則、個⼈情報⼊れないこと ( 今回はゲーム開発なので⼤丈
夫だと思いますが、念の為 ) ここがオフなのを確認
ゲーム開発のヒント
ゲーム開発のヒント • ストーリーの⾻⼦を⽣成AIに作らせる • それをhtml/css/jsの1ファイルでゲーム化 • 必要に応じてupdate & デバッグ •
画像と⾳楽とSE⾳の追加 • 完成版のGitHub Pagesでの公開
シューティングゲームの要素例 • 横スクロール︖縦スクロール︖ • 敵の強さ / 弾幕 / ボス戦 •
武器のパワーアップ / シールド • ボムの実装 (敵の球も消す) • エンディング
Chat先⽣作のコードの実⾏⽅法と補⾜ • htmlファイルの場合、テキストエディタなどにソースコード をコピペして、ファイルの拡張⼦を「.html」にすれば、ダブ ルクリックするだけでブラウザにて動きます • ちなみに、ChatGPT-4o、またはo1、o1-proであればファイ ル⾃体のアップロードも可能ですが、個⼈的にはo1-miniが チョッパやなので、ソースコードをコピペしてChat先⽣に指 ⽰だしすることが多いです。
ファイル管理 • 最初はhtmlファイル1つに全ての処理をまとめた⽅がChat先 ⽣とのやりとりは楽です(ただ、1000⾏を超えるとちょっと怪 しい) • ある程度バージョンアップしたら、ファイル名を変えて世代管 理するとよいです(動かなくなることがあるので) • 最初はフォルダに全ての要素を平置き、そのうちBGMやSE⾳、
画像が増えてきたら素材⽤のフォルダを作ってそのファイルパ スを指定してもよいでしょう(例︓se/shot.mp3、など)
開発時のデバッグ⽅法 • 基本は「こういう問題が起きている」とChat先⽣に連携 • ⾔葉で書きにくいものはスクリーンショットを撮って共有も 有効 • 画⾯がうんともすんとも⾔わない時はブラウザの「開発者 モード」でエラーログが出ていないかをチェック
• Chormeブラウザの場合は右上の3点 リーダー -> その他のツールà デベ ロッパーツールで、「Console」タブを クリックするとエラーログが⾒れます 画⾯参考︓ ここに⾊々出てきます
( 問題がなければ何も出ません )
• Githubのアカウントが必要です https://github.co.jp/ • ゲーム開始のファイルをindex.htmlとして保存して、 Githubにリポジトリ登録&ファイル保存、Github Pagesで公開 設定をして数分まてば全世界からプレイできるようになります ゲームの公開 これで今⽇からあなたもポチポチゲームクリエイター・・︕︕
Enjoy..!!