logo
  • 环境
  • 企业版
  • 价格
DeveloperMay 29, 2026

使用 Eigent 同时构建 10 款中国新年 HTML5 游戏

EigentEigent
构建 10 款中国新年马主题 HTML5 游戏
Automate Everything with
AI Workforce on Desktop
Download Eigent

10 款游戏,一个提示,并行运行

构建一款打磨完善的浏览器游戏需要数小时。构建十款不同类型的游戏——街机、解谜、无尽跑酷、记忆、策略、复古像素、双人、放置、反应和实验性——可能需要数天。借助 Eigent 的并行智能体执行,只需一个提示。这个工作流展示了当你不再按顺序思考任务,而是让你的 AI 团队同时处理所有任务时,会发生什么。

1启动一切的提示词

完整规格通过一个提示词传入:

构建 10 款彼此独立且完整的游戏,主题与 2026 年中国新年(马年)相关,使用 HTML、CSS 和 JS(不使用任何库)。游戏必须有趣、原创、打磨完善、适配移动端。包含计分、难度递增、重玩按钮和流畅的视觉效果。覆盖:街机、解谜、无尽跑酷、反应、策略、记忆、双人本地、放置、复古像素,以及 1 款实验性游戏。让它们尽可能精彩且好玩。将这些游戏保存到我的工作区文件夹中。

不使用库。没有外部资源。纯 HTML/CSS/JS,可在任何浏览器中运行,并以红金配色的马年美学为主题。

2Eigent 拆分为 10 个并行任务

Eigent 的 AI Workforce 会立即将请求拆解为 10 个并发任务——全部同时运行:

  • arcade-game.html — 带有春节马年主题的经典街机动作游戏
  • puzzle-game.html — 带有节庆元素的空间或逻辑解谜游戏
  • endless-runner.html — 带有马角色的横向卷轴跑酷游戏
  • reaction-game.html — 基于时机与反应速度的机制
  • strategy-game.html — 带有春节元素的战术决策游戏
  • memory-game.html — 卡牌配对或图案记忆游戏
  • twoplayer-game.html — 本地双人对战形式
  • idle-game.html — 增量式资源积累游戏
  • retro-pixel-game.html — 采用像素风马角色精灵的 8 位美术风格
  • experimental-game.html — 非传统机制或交互模型

Eigent 界面会显示全部 10 个任务同时进行——5 个正在运行,5 个在队列中等待——并随着每个任务完成提供实时状态更新。

3每个游戏都完整实现

开发智能体会按提示词中指定的完整功能集构建每一款游戏:

  • 计分系统 — 根据表现获得分数
  • 难度递增 — 游戏速度或复杂度会随时间提升
  • 重玩按钮 — 无需刷新页面即可再次游玩
  • 流畅视觉效果 — CSS 动画、canvas 渲染、春节配色(红、金、白)
  • 移动端友好布局 — 触控事件与响应式尺寸

系统还会自动生成 game_development_plan.md 和 shared_files.md——这些文档描述了 10 款游戏之间的设计决策与共享资源。

4可立即在浏览器中游玩

当所有任务完成后,每个 .html 文件都可以直接在任意浏览器中打开——无需构建步骤,也不需要服务器。街机游戏演示会显示实时得分计数器、最高分记录、春节装饰,以及一个红金配色的“再来一次”按钮。每款游戏都以单文件形式独立存在。

此任务的 Token 使用量约为 750,000 tokens —— 这反映了底层并行代码生成的规模。

5并行执行真正意味着什么

这里的关键洞察不只是 Eigent 构建了 10 款游戏,而是它们是同时构建的。顺序执行 10 款游戏会花费 10 倍时间。Eigent 的并行智能体架构意味着总耗时由最慢的单个任务决定,而不是所有任务时间之和。

同样的原则也适用于任何一批相互独立的交付物:同时生成多份报告、撰写多篇文档、构建多个组件,或者并行研究多个主题。

6接下来可以尝试什么

为产品发布制作一个游戏合集:一个品牌化解谜游戏、一个带排行榜的街机游戏,以及一个问答游戏——全部使用我们公司的配色和 Logo。

生成一个可嵌入着陆页 iframe 的节日微型游戏。

在构建完这些游戏后,在浏览器中逐个打开,并为预览网格截取截图。

将全部 10 款游戏合并到一个 HTML 页面中,并提供一个菜单来启动每一款游戏。

7提升效果的技巧

  • 明确指定游戏类型。 你在提示词中对每款游戏的类型和核心机制定义得越精确,输出之间的差异就会越明显。模糊的提示往往会生成相似的游戏,只是主题略有不同。

  • 明确设定质量标准。 像“打磨完善”“适配移动端”“流畅视觉效果”这样的措辞会被视为约束,而不是建议。它们会直接影响生成代码的质量。

  • 保存到命名的工作区文件夹。 在提示词中包含具体的输出路径,可以确保所有 10 个文件都保存在同一位置——方便打包分享或作为套件部署。

Other use cases

Gemini 4:一个提示词,在 Blender 中 Vibe Coding 一段 3D 电影短片

Gemini 4:一个提示词,在 Blender 中 Vibe Coding 一段 3D 电影短片

在 Cozy Kitchen 场景中制作一段四个镜头、十二秒的电影短片:一阵穿堂风把食谱卡片从支架上吹起,带着它飞过操作台,最后让它搭在草莓挞上。保留温暖的插画风厨房。添加一张薄薄的双面 RecipePage,上面有清晰可读的食谱内容;按照 action.json 中的飞行通道运动,并通过可见的风的线索,呈现平静的开场、有动机的升起、飞行、接触和落定。使用四台不同的摄像机和绑定摄像机的剪辑点,镜头 2 和 3 使用景深,卡片和摄像机的运动要平滑且可测量。交付一个已打包、可编辑的 sequence.blend、一份 CSV 镜头表、一张带标注的 3×3 分镜图和九张静帧。

Gemini 4:把视频教程转化为生产级 RL 工程技能

Gemini 4:把视频教程转化为生产级 RL 工程技能

观看列出的 YouTube 讲座,把其中的方法和洞见转化为 2–4 个可复用的文件式智能体技能,并且只以这些视频作为主要来源。为每个讲座建立带时间戳的大纲,记录关键洞见、结果和警示,并将每条结论标注为 OBSERVED、INFERRED 或 UPDATED。每个技能包含一个带关键洞见章节和工具无关路径的 SKILL.md,以及一个 evidence.md。验证每个技能,然后在 127.0.0.1 上发布一份浅色模式的 HTML 报告,其中嵌入讲座视频、可点击的时间戳、讲座对比、标出空白的覆盖矩阵以及清晰的局限性列表。

从视频构建 CAD 模型:Gemini 3.7 Flash 与 3.6 Flash 对比

从视频构建 CAD 模型:Gemini 3.7 Flash 与 3.6 Flash 对比

分析上传参考视频中的 Transformers 角色,并导出生产可用的高细节 3D CAD/网格模型(.glb)。分析角色风格、关节与表面细节;以逻辑关节枢轴分离身体和装甲部件,制作高精度硬表面机械几何;使用阳极金属、拉丝钢、深色钛和高光涂装等金属 PBR 材质,并为眼睛、胸部核心和关节发光设置自发光通道。将 Diffuse、Normal、Roughness、Metallic 和 Emissive 纹理直接打包至 GLB,确保拓扑干净、几何流形,并适合实时预览。

Automate everything with AI workforce on desktop
Download Eigent

立即体验 Eigent

下载开源桌面应用,在本地用 AI 工作团队开始自动化。

下载 Eigent
Eigent

获取关于 AI 员工自动化的最新更新和教程。

感谢订阅!

产品Eigent环境定价企业版
探索解决方案使用场景技能插件博客
开发者文档GitHubCAMEL-AI开源基金合作伙伴
下载开源版
公司关于我们品牌加入我们帮助中心使用条款隐私政策安全与信任Cookie 政策退款与试用政策

保留所有权利 © 2026 EIGENT UK LTD