先创建一个canvas游戏用于测试,这整个页面只有一个canvas,里面绘制了开始游戏,点击后有几个关卡,第一关页面上三个小球,球中间写有数字,必须按照数字顺序点击,第二关两个颜色一模一样的小球,但是其中一个是不闪烁的,另一个是已固定频率闪烁,必须点击那个已固定频率闪烁的小球。第三关是一个纯 Canvas 绘制的文本框。必须要 Agent 在里面。选中这个文本框,并且输入指定内容后,点击提交按钮。让 Agent 自己开发之后,自己测试这两个游戏能不能通过。我觉得要是能通过这几个基础关卡,大部分任务就没问题了
测试第四关,屏幕上半区域有不同颜色的球。屏幕下方是一些黑色方框内部写了文字。agent必须长按球拖动,并放到对应颜色方框(方框无颜色,内部用文字说明),通关标准是不同颜色的球正确放置到对应框内,并且球不能超出方框。方框中的说明文字还会被球挡住,还考验agent的长程任务能力
最佳推荐 1:PixiJS(最推荐,性能怪兽,上手极快)
PixiJS 是一个专门处理 2D 渲染的轻量级 WebGL 引擎。它不是那种包含重度物理引擎的大型游戏框架(如 Phaser),它非常纯粹,就是帮你极其高效地在 Canvas 上画图、写字、处理交互。
为什么最适合你的测试:
彻底的单 Canvas 结构:页面上只有唯一一个 标签,内部所有的球、文本框、关卡切换全部是内部的 WebGL/Canvas 像素。
原生的拖拽支持:PixiJS 提供了非常丝滑的指针事件(Pointer Events),实现第四关的“长按并拖动”只需几行代码,且能精准触发碰撞检测。
极其简单的文本和图形绘制:画一个圆、在中间写个数字、做个矩形作为文本框,都有现成的 API,几分钟就能写完一关。
先创建一个canvas游戏用于测试,这整个页面只有一个canvas,里面绘制了开始游戏,点击后有几个关卡,第一关页面上三个小球,球中间写有数字,必须按照数字顺序点击,第二关两个颜色一模一样的小球,但是其中一个是不闪烁的,另一个是已固定频率闪烁,必须点击那个已固定频率闪烁的小球。第三关是一个纯 Canvas 绘制的文本框。必须要 Agent 在里面。选中这个文本框,并且输入指定内容后,点击提交按钮。让 Agent 自己开发之后,自己测试这两个游戏能不能通过。我觉得要是能通过这几个基础关卡,大部分任务就没问题了
测试第四关,屏幕上半区域有不同颜色的球。屏幕下方是一些黑色方框内部写了文字。agent必须长按球拖动,并放到对应颜色方框(方框无颜色,内部用文字说明),通关标准是不同颜色的球正确放置到对应框内,并且球不能超出方框。方框中的说明文字还会被球挡住,还考验agent的长程任务能力
最佳推荐 1:PixiJS(最推荐,性能怪兽,上手极快)
PixiJS 是一个专门处理 2D 渲染的轻量级 WebGL 引擎。它不是那种包含重度物理引擎的大型游戏框架(如 Phaser),它非常纯粹,就是帮你极其高效地在 Canvas 上画图、写字、处理交互。
为什么最适合你的测试:
彻底的单 Canvas 结构:页面上只有唯一一个 标签,内部所有的球、文本框、关卡切换全部是内部的 WebGL/Canvas 像素。
原生的拖拽支持:PixiJS 提供了非常丝滑的指针事件(Pointer Events),实现第四关的“长按并拖动”只需几行代码,且能精准触发碰撞检测。
极其简单的文本和图形绘制:画一个圆、在中间写个数字、做个矩形作为文本框,都有现成的 API,几分钟就能写完一关。