Claude Code × Gemini × Ebitengine ゲーム制作素人WebエンジニアがGoでゲームを作った話

Transcript

1. Claude Code × Gemini × Ebitengine ゲーム制作素人Webエンジニアが Goでゲームを作った話 @webzawa2 https://x.com/webzawa2 1
2. 自己紹介 現職: AI x Webスタートアップ バックエンド/インフラ寄りのWebエンジニア（Go, AWS, Terraform） 副業: ボロ屋投資（不動産リノベ） 好きなゲーム: Dark Souls / マリオ64（ケツワープできます！） / ゴッドフィールド ゲーム制作は完全に素人 2
3. Ebitengineとの出会い きっかけは golang.tokyo #43 に参加したこと https://golangtokyo.connpass.com/event/374860/ 登壇でEbitengineの存在を偶然知る 「Goでゲーム書けるのか！」と衝撃 Claude Code + Gemini など生成AIの力で素人でも行けるのでは？ → 2作品作ってみた 3
4. 作品① Snake Game クトゥルフ神話風のクラシックスネーク ゲーム Go + Ebitengine → WASMでWeb公開 ３段階の難易度 / PC + スマホ対応 ３時間で実装できた 4
5. 作品② Samurai Gorilla 居合抜き風の 反応速度対戦ゲーム （カービィの刹那の見切り風） オンライン対戦可能（WebRTC P2P + Cloudflare Workers / Pages) 2プレイヤーがオンラインで「！」の瞬間 に抜き打ち 5
7. SG 制作フロー (1/2) 素材編 Gemini でゴリラ侍のスプライトシート を生成 ① キャラデザをプロンプトで指示 ② グリーンバック背景に変更して抽出 しやすく調整 ③ ノイズ除去でクリーンな素材に 7
8. SG 制作フロー (2/2) 抽出編 image-utils スキルで後処理 （Anthropicの find-skills スキルで取得） OpenCV + Pillow で自動抽出パイプライン グリーンバックフリンジ除去: B > R+30 AND B > G+30 を反復 ndimage.label で連結成分ラベリング（ノイズ除去） 最終: 128×128 サイズの素材完成 8
9. オンライン対戦機能に挑戦 オンライン対戦に着手 → 思ったより大変 マッチングしたのに対戦が始まらないなど、数々のエラーに悩まされた。 9
10. デバッグoverlayを表示して解決 スマホ対戦では Chrome DevTools が使えな い ゲーム画面に debugLog() でログ出力し対処 最新16行を常時表示 スクショをClaude Codeに貼る → 原因を即特 定してもらえる 10
11. Samurai Gorilla 所感 オンライン対戦まで実装できた達成感 生成AIでも遊べるレベルのゲームが作れることを実感できた 11
12. 次に挑戦したいこと アニメーション実装の自動化 PixelLab — https://www.pixellab.ai/ SpriteCook — https://www.spritecook.ai/ ドット絵のアニメーション素材が生成できる MCP対応しているので Claude Code から直接叩ける さらに生成AI親和性の高いゲーム開発体験ができそう 12
13. まとめ Claude Code + Gemini + Ebitengine で素人でもゲーム制作ができた オンライン対戦も簡単に実装できた ゲーム制作のノウハウが無くても簡単なゲームならアイデア次第ですぐに作れて楽 しい ありがとうございました X: @webzawa2 13