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 中用一天完成可玩的项目版本。
  • 交付了从首页、大厅、Agent 选择到实时竞技场对局的完整浏览器游戏流程。

故事与流程

Agent Arena Online 是一个基于浏览器的在线竞技场项目,围绕“进入游戏、选择对局、选择 Agent、进行实时战斗”的完整流程设计。

项目目标是让玩家从第一屏就能快速理解内容,并自然进入具有策略选择和实时对抗的游戏体验。

我构建的内容

  • 用于建立第一印象和引导进入游戏的首页。
  • 用于浏览可加入对局、模式和竞技场会话的游戏大厅。
  • 进入战斗前的 Agent 选择阶段,让玩家决定角色、定位和策略。
  • 承载核心玩法的实时对战页面,展示竞技场状态、参与对抗的 Agent 和战场信息。
  • 用于作品集展示和离线演示的视频、截图与预告片素材。

游戏流程

整个体验从首页进入大厅,再从大厅进入 Agent 选择,最后进入实时对战。相比只展示单个玩法页面,这个项目提供了一个完整、可演示的产品路径。

Agent 选择阶段是加入对局和进入战斗之间的策略桥梁。玩家在战斗前做出明确选择,让游戏体验更有节奏感和战术感。

展示素材

这个作品集条目包含游戏截图、完整演示视频、产品介绍视频,以及 Agent 生存模式和 Hunger Game 模式的预告片。