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
43
20250118_LT_3D風ゲームを作ろうとして苦戦している話(作りかけ)
https://omoshiroai.connpass.com/event/341835/
NobuakiOshiro
PRO
January 18, 2025
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
Other Decks in Technology
See All in Technology
ClineにNext.jsのプロジェクト改善をお願いしてみた / 20250321_reacttokyo_LT
optim
1
1.3k
コンソールで学ぶ!AWS CodePipelineの機能とオプション
umekou
2
110
DevOps文化を育むQA 〜カルチャーバブルを生み出す戦略〜 / 20250317 Atsushi Funahashi
shift_evolve
1
110
Tirez profit de Messenger pour améliorer votre architecture
tucksaun
1
130
SaaSプロダクト開発におけるバグの早期検出のためのAcceptance testの取り組み
kworkdev
PRO
0
400
ウェブアクセシビリティとは
lycorptech_jp
PRO
0
250
3/26 クラウド食堂LT #2 GenU案件を通して学んだ教訓 登壇資料
ymae
1
200
IAMのマニアックな話 2025 ~40分バージョン ~
nrinetcom
PRO
8
890
パスキー導入の課題と ベストプラクティス、今後の展望
ritou
7
1.2k
Redefine_Possible
upsider_tech
0
240
チームの性質によって変わる ADR との向き合い方と、生成 AI 時代のこれから / How to deal with ADR depends on the characteristics of the team
mh4gf
4
330
PostgreSQL Unconference #52 pg_tde
nori_shinoda
0
190
Featured
See All Featured
It's Worth the Effort
3n
184
28k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Visualization
eitanlees
146
15k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
12k
Being A Developer After 40
akosma
90
590k
A designer walks into a library…
pauljervisheath
205
24k
How to train your dragon (web standard)
notwaldorf
91
5.9k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
46
2.4k
Making the Leap to Tech Lead
cromwellryan
133
9.2k
Facilitating Awesome Meetings
lara
53
6.3k
Bash Introduction
62gerente
611
210k
Code Reviewing Like a Champion
maltzj
522
39k
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 .. !!