EllisShang

ケーススタディ

Agent Arena Online

ゲーム & フルスタック開発者 · オープンソースプロジェクト · 2026年5月

Agent Arena Online media 2
Agent Arena Online media 3
Agent Arena Online media 4
Agent Arena Online media 5
Agent Arena Online media 6

概要

ブラウザ上で動くマルチプレイヤーアリーナゲーム Agent Arena Online を構築。プレイヤーはロビーに入り、モードを選び、Agent を選択してリアルタイム戦闘に参加できます。

主要技術

Browser GameReal-Time MultiplayerAI AgentsArena GameplayAgent SelectionGame LobbyTypeScriptWebSockets

成果

  • ゲーム系ハッカソン / Game Jam で、1日でプレイ可能なプロジェクトを構築。
  • ホーム、ロビー、Agent 選択、リアルタイムアリーナ対戦までの一連のブラウザゲーム体験を実装。

ストーリーとプロセス

Agent Arena Online は、ブラウザベースのオンラインアリーナプロジェクトです。ゲームに入り、マッチを選び、Agent を選択し、リアルタイムバトルに進む一連の体験を中心に設計しています。

最初の画面からゲーム内容を理解しやすくし、そのまま戦略的な選択とライブアリーナ戦闘へ進める構成にしています。

構築したもの

  • ビジュアルの印象を作り、ゲームへの入口を示すホームページ。
  • 参加可能なマッチ、モード、アリーナセッションを閲覧するゲームロビー。
  • 戦闘前に役割と戦略を選ぶ Agent 選択ステージ。
  • アリーナの状態、参加 Agent、進行中の戦況を表示するリアルタイム対戦ビュー。
  • ポートフォリオやオフラインデモ向けの動画、スクリーンショット、トレーラー素材。

ゲームフロー

体験はホームページからロビー、ロビーから Agent 選択、そしてライブマッチへ進みます。単独のゲーム画面だけではなく、製品として説明しやすい一連のデモ導線を持っています。

Agent 選択は、マッチ参加と戦闘開始の間にある戦略フェーズです。プレイヤーが戦闘前に明確な選択を行うことで、クリックして始まるだけのアリーナよりも意図のある体験になります。

プレゼンテーション

このポートフォリオ項目には、ゲームプレイのスクリーンショット、フルデモ動画、製品紹介動画、Agent Survival と Hunger Game モードのトレーラーを含めています。