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
20250118_LT_3D風ゲームを作ろうとして苦戦している話(作りかけ)
Search
NobuakiOshiro
PRO
January 18, 2025
Technology
0
44
20250118_LT_3D風ゲームを作ろうとして苦戦している話(作りかけ)
https://omoshiroai.connpass.com/event/341835/
NobuakiOshiro
PRO
January 18, 2025
Tweet
Share
More Decks by NobuakiOshiro
See All by NobuakiOshiro
20250421_Rパッケージと作者をLLMでウォッチする
doradora09
PRO
0
38
20250416_第2回_GenAIアナリティクス勉強会at東京_オープニングトーク
doradora09
PRO
0
16
20250416_既知のテーマであればLLMで特徴量の候補抽出が可能という話
doradora09
PRO
0
64
20250414_生成AIから考える未来社会の可能性と心構え(70min版)_v1.00.pdf
doradora09
PRO
0
63
20250409_OpenAISoraで図面から3Dイメージの動画を作ったらちょっと未来を感じた話
doradora09
PRO
0
44
20250328_OpenAI製DeepResearchは既に一種のAGIだと思う話
doradora09
PRO
0
200
20250314_第6回_データサイエンティストの応援団_ゲスト松村さん
doradora09
PRO
0
38
20250308_ChatGPT部第62回_オープニングトーク
doradora09
PRO
1
61
20250308_OpenAIのVision機能で 環境構築をガイドしてもらう〜R言語環境編〜
doradora09
PRO
0
52
Other Decks in Technology
See All in Technology
Amazon CloudWatch を使って NW 監視を行うには
o11yfes2023
0
150
Amazon S3 Tables + Amazon Athena / Apache Iceberg
okaru
0
270
Running JavaScript within Ruby
hmsk
3
320
Amazon CloudWatch Application Signals ではじめるバーンレートアラーム / Burn rate alarm with Amazon CloudWatch Application Signals
ymotongpoo
5
460
ここはMCPの夜明けまえ
nwiizo
2
610
Devinで模索する AIファースト開発〜ゼロベースから始めるDevOpsの進化〜
potix2
PRO
7
3.3k
Recap of Next - Google Cloud で実践する クラウドネイティブ最前線 / The Frontlines of Cloud-Native with Insights from Google Cloud
aoto
PRO
1
100
JPOUG Tech Talk #12 UNDO Tablespace Reintroduction
nori_shinoda
1
140
Terraform Cloudで始めるおひとりさまOrganizationsのすゝめ
handy
2
160
日経電子版 for Android の技術的課題と取り組み(令和最新版)/android-20250423
nikkei_engineer_recruiting
0
110
AWSの新機能検証をやる時こそ、Amazon Qでプロンプトエンジニアリングを駆使しよう
duelist2020jp
1
150
AIで進化するソフトウェアテスト:mablの最新生成AI機能でQAを加速!
mfunaki
0
140
Featured
See All Featured
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
41
2.2k
Stop Working from a Prison Cell
hatefulcrawdad
268
20k
Unsuck your backbone
ammeep
670
57k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
21k
RailsConf 2023
tenderlove
30
1.1k
A designer walks into a library…
pauljervisheath
205
24k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
660
Automating Front-end Workflow
addyosmani
1369
200k
Making Projects Easy
brettharned
116
6.1k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Transcript
LT : ChatGPTとhtml/css/jsで 3D⾵ゲームを作ろうとして 苦戦している話 2025/1/18 @doradora09
モチベーション & お詫び・・ • モチベーション • ⾊々とテーマを検討していましたが、 ウィザードリィっぽいダンジョンの画⾯(3D⾵2D画⾯) を作れないかな、というのがそもそもの発想 •
お詫び • 完成版ではなく、試⾏錯誤の途中段階の記録です • 次回の兄弟コミュニティの「⽣成AIでポチポチゲームを作ろうの会」 あたりでリベンジ予定
ウィザードリィとは • めちゃムズの古き良き RPG • 「ダンジョンに迷う」 をガチで体験できる • 最初のシリーズは 1985年
引⽤:https://fm-7.com/museum/products/9gyjgaaf/
参考:Switch版だとこんな感じ • 最近はソシャゲメー カー?がリメイクして たりもするっぽいです が、こちらが王道スタ イル 引⽤:https://store- jp.nintendo.com/item/software/D70010000086435?srsltid=AfmBOoqYolm6yKxzSQj6Gig0eTYt6IH4Sbq wmAZoJKcWrPMlyH1z5cwv
断念した⽅法と代替案 • 当初の予定 • ⽣成AIで作った画像をいい感じに組み合わせられないか、と検討 -> 「回転」がめちゃ⾯倒・・ 画像枚数の組み合わせ問題 -> ⽣成AIでの画像にばらつきあり
(⾓度を揃えるのがめんどい・・) • 代替案 • 画像ではなく「⽂字」にする? -> 3Dっぽさは減るので没 • そもそも3D系のhtml/jsライブラリは? -> こっちでトライ
当初の予定(⽂字版) • Chat先⽣にチャチャット 作ってもらったのがこちら ( 3枚の視点 ) • 本当は1枚画像で表現した いが、組み合わせが⼤変
• 同じ位置でも90度回転で4 パターン • 2つ先まで⾒通せるように すると組み合わせ増
jsのいい感じのライブラリに頼る • いくつかのライブラリが あったものの、今回はA- Frameを利⽤ • なお物理エンジンを組み込 んだ別のライブラリ (Cannon.jsなど)もあるよ うだが、htmlファイル1
枚ではたまにエラー吐いて いたので今回は⾒送り 物理エンジンの例
試作段階がこちら • 制限時間内にコインを 集める、という別の趣 旨だが回転や壁との衝 突判定も⼿元のJSで実 現 • ⼀応、htmlをファイル 実⾏でも動くが、
pythonでローカルサー バは⽴ち上げて実⾏が 確実 • 300⾏くらい
⼤変だった点と今後の改善ポイント • ⼤変だった点 • 環境構築 (動くライブラリやらなんやら。6-7種類試した) • 物理エンジンが使えない状態での当たり判定など • 今後の改善ポイント
• もっと、ダンジョンっぽい⾒た⽬に • 回転の縛りとか • 迷路を複雑化 -> ゲーム性を⾼めるなら、そこにRGP要素を加える
所感:先⼈すごい。JavaScriptを勉強したい • 3D⾵ゲーム、40年近く前 に、この仕組みを作った ⼈たちすごい ( 制約の多さから、⼀種 の俳句とも感じる ) •
⼿元で簡易的なデモを作 るにはJSは相性が良さそ うなので、⾊々とキャッ チアップしていきたいな と思います
Enjoy .. !!