Skip to content

游戏测试 #2

Description

@ACCSCI

先创建一个canvas游戏用于测试,这整个页面只有一个canvas,里面绘制了开始游戏,点击后有几个关卡,第一关页面上三个小球,球中间写有数字,必须按照数字顺序点击,第二关两个颜色一模一样的小球,但是其中一个是不闪烁的,另一个是已固定频率闪烁,必须点击那个已固定频率闪烁的小球。第三关是一个纯 Canvas 绘制的文本框。必须要 Agent 在里面。选中这个文本框,并且输入指定内容后,点击提交按钮。让 Agent 自己开发之后,自己测试这两个游戏能不能通过。我觉得要是能通过这几个基础关卡,大部分任务就没问题了

测试第四关,屏幕上半区域有不同颜色的球。屏幕下方是一些黑色方框内部写了文字。agent必须长按球拖动,并放到对应颜色方框(方框无颜色,内部用文字说明),通关标准是不同颜色的球正确放置到对应框内,并且球不能超出方框。方框中的说明文字还会被球挡住,还考验agent的长程任务能力

最佳推荐 1:PixiJS(最推荐,性能怪兽,上手极快)
PixiJS 是一个专门处理 2D 渲染的轻量级 WebGL 引擎。它不是那种包含重度物理引擎的大型游戏框架(如 Phaser),它非常纯粹,就是帮你极其高效地在 Canvas 上画图、写字、处理交互。

为什么最适合你的测试:

彻底的单 Canvas 结构:页面上只有唯一一个 标签,内部所有的球、文本框、关卡切换全部是内部的 WebGL/Canvas 像素。

原生的拖拽支持:PixiJS 提供了非常丝滑的指针事件(Pointer Events),实现第四关的“长按并拖动”只需几行代码,且能精准触发碰撞检测。

极其简单的文本和图形绘制:画一个圆、在中间写个数字、做个矩形作为文本框,都有现成的 API,几分钟就能写完一关。

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

No labels
No labels

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions