Tweet
Tweet

Slide 1

Slide 1 text

第３回 ポチポチゲームを 作ろうの会 〜 ChatGpt o3- mini-hihgで出来 ること 〜 2025/2/15 @doradora09

Slide 2

Slide 2 text

⾃⼰紹介 @doradora09こと⼤城、出⾝は沖縄、東京 で就職して今は福岡に移住。 本業は昔数年Webエンジニア->データサイエ ンス関係。 ⽣成AI使えば昔やりたかったゲーム開発ができ るのでは︖ということでこの勉強会を⽴ち上げ ました。

Slide 3

Slide 3 text

この会の趣旨 • ないなら作る、でワイワイやる • 極⼒、ノーコーディング • ぜひみなさんの作品も いつかプレイさせてください・・︕

Slide 4

Slide 4 text

本⽇は、o3-mini-hihg会 • いつもはその場でゲームを１本作るのですが、今⽇は実験多 めなのでスライドもみつつ。 • 30分くらいのメインセッションのあとはLTを予定してます。 時間があれば⾶び込みLTもお待ちしております..!!

Slide 5

Slide 5 text

ChatGPT o3-mini-hihgとは • 2025/1末に発表されたOpenAIのモデル (⽇本時間だと2/1) • 旧o1-miniより性能がUP (スピードと推論能⼒) • 結構凄そうだったので、今⽇はo3-mini- highでできることをあれこれ実験

Slide 6

Slide 6 text

ChatGPT o3-mini-high実験

Slide 7

Slide 7 text

今回実験した内容⼀覧 基本編 • ブロック崩し • ソートアルゴリズム可視 化 • テトリス 応⽤編 • 桃太郎(紙芝居) • スライム • マインクラフト⾵ • 3Dシューティング ゲーム • 物理演算実験(p5.js) • ⾳ゲー⾵ o1 Proでやりました • サイコロ20⾯体 ボツ編 • ドット絵で顔を描く • 格ゲー⾵

Slide 8

Slide 8 text

情報整理前は こんな感じ

Slide 9

Slide 9 text

実装⽅法 • ⼿軽さを重視しているので、基本はhtmlファイル１枚で。 • 「html/css/jsで実装してください」とプロンプトを⼊れるとOK • 拡張する場合は「500⾏程度」や「1000⾏程度」と指⽰ • 指定なしだと200⾏くらい。 • ちなみにたまにダミーコードを⼊れるので、「⽔増し⽤の不要なコードは⼊ れないでください」というのが吉

Slide 10

Slide 10 text

所感 • o1-miniで３回必要だった指⽰が１回で通る印象 ( エラーがだいぶ減った ) • 700⾏くらいしか書けないのは相変わらず ( ⼀応、分割すれば1000⾏以上いけるが、性能は悪化 ) • o1 proにはかしこさではまだ勝てないが、o3-mini-highは圧倒的 な速さがある (試⾏錯誤にはo3-mini-hihgおすすめ。解けなくなっ たらo1 pro modeか)

Slide 11

Slide 11 text

ブロック崩し(⼀発出し) • 安定の１発出し。すごい(200⾏、思 考16秒、出⼒10秒くらい) • 700⾏くらいまでは結構いい • 1000⾏越えは３回に分けてoutputが 必要 ( なのと、ゲーム性がそんなに変わら ないかも︖ ) 200⾏⼀発出し

Slide 12

Slide 12 text

ブロック崩し(拡張版) 1200⾏、o1 proだと推論5分x3part o3-mini-high 700⾏指定 推論30秒くらい+ コード⽣成1分以内

Slide 13

Slide 13 text

ソートアルゴリズム可視化 • 計算だけでなく、アニメー ションっぽいこともできるこ とを発⾒

Slide 14

Slide 14 text

桃太郎(紙芝居) • アニメーションできるならば、 ということで紙芝居 • リッチな感じの絵は難しい ( 図形で頑張ってくれてまし た )

Slide 15

Slide 15 text

スライム可視化 • ドット絵もいけるか︖という ことでアニメーション • 合体させたりできます

Slide 16

Slide 16 text

マインクラフト⾵(Three.js) • 確か3Dもいけたはず、ということで 実装依頼 • Three.jsというのを使っているよう です( not物理演算 )

Slide 17

Slide 17 text

マインクラフト⾵(Three.js) • 確か3Dもいけたはず、ということで 実装依頼 • Three.jsというのを使っているよう です( not物理演算 )

Slide 18

Slide 18 text

3Dシューティングゲーム • 2Dはよく作ってましたが、3D もいけるなと • ただ機体のモデルは別途作る必 要がありそうです(⼀旦は図形 で頑張ってもらったのがこち ら)

Slide 19

Slide 19 text

物理演算実験 • Three.jsだけでは物理シミュ レーションは基本不可 • Matter.jsで物理演算ができる ようなので、p5.jsというもの も組み合わせたものをいくつか

Slide 20

Slide 20 text

⾳ゲー⾵ • MIDIの⾳でいけました • ちなみにきらきら星、GPT-4の 頃は楽譜間違えてたのですが今 回はタイミング含めていけてた 気がします。成⻑を感じました • なお、右のサンプルの番号は キーボードの位置。⾳楽の⾳階 では無いので注意

Slide 21

Slide 21 text

サイコロ２０⾯体 • ６⾯サイコロはo3-mini-highで もOK • 20⾯体はproじゃないとNGでし た • 80⾯体、100⾯体とかはあまりう まくいかず

Slide 22

Slide 22 text

ボツ編︓ドット絵 • これはこれで味わいはありますが、 ドット絵を「１個１個⼿書き」は LLMには苦⼿な模様 • 餅は餅屋

Slide 23

Slide 23 text

ボツ編︓格ゲー • 何も考えずにやると、ほんとシ ンプルな箱っぽい格ゲーになる • なお、Three.jsに⼊っているサ ンプルのモデルはリッチだが、 アクションのための⾻格(ボー ン)の実装が⾯倒そう

Slide 24

Slide 24 text

⾊々やってみて • 早い&⼿戻り少ない、は正義。o3-mini-hihgで試⾏錯誤がめっちゃ しやすくなりました。 • ⼀⽅で何より「⾃分はこういうゲームが作りたい」という思いが⼀ 番⼤切だとは思うので、また⾊々とアイディアを練ってみたいと思 います • 個⼈的には⾳響効果とかその辺もちょっと勉強したいですね

Slide 25

Slide 25 text

Enjoy..!!

Slide 26

Slide 26 text

本編の前に︓ ChatGPT活⽤上の注意点 • 右上のアイコン->設定->デー タコントロール->「すべての ⼈のためにモデルを改善する」 をOFFにしてご利⽤ください • ⼤原則、個⼈情報⼊れないこと ( 今回はゲーム開発なので⼤丈 夫だと思いますが、念の為 ) ここがオフなのを確認