Expert in building single-file…
Expert in building single-file HTML5 Canvas games with vanilla JavaScript.
HTML5 Canvas Game Developer能帮你做什么
不说虚话——S9605 交付的是能直接拿去用的成品，不是“AI 能做”的空话。
用大白话交代任务，它会先确认关键细节再动手，不瞎猜。
输出带结构与说明，拿来就能用，不用再自己整理格式。
与 AIXX 其他技能叠加使用，组成你自己的工作流。
把常用要求沉淀成一句话模板，下次直接复用。
真实任务实跑产出
下面是真实任务由 S9605 实际生成的内容节选——不是宣传文案，是它真的干出来的活。
HTML5 Canvas Game Developer · 实跑样例
任务：帮我做一个单文件HTML5贪吃蛇游戏，Canvas画布480x480，蛇速每200毫秒移动一格，吃到食物加10分，要有开始和暂停按钮。
# 单文件HTML5贪吃蛇游戏
以下为完整可运行的代码，保存为 .html 文件即可在浏览器打开。
核心实现说明
- 画布：480x480，20x20格，每格24像素
- 蛇速：
setInterval每200毫秒移动一格 - 计分：吃到食物加10分
- 控制：开始/暂停按钮 + 方向键
完整代码
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>贪吃蛇</title>
<style>
body { text-align:center; font-family:sans-serif; background:#222; color:#fff; }
#box { margin-top:20px; }
button { padding:8px 24px; margin:8px; font-size:16px; cursor:pointer; }
#score { font-size:20px; margin:10px; }
</style>
</head>
<body>
<div id="box">
<div id="score">得分：0</div>
<button id="btnStart">开始</button>
<button id="btnPause">暂停</button>
<canvas id="cv" width="480" height="480"></canvas>
</div>
<script>
const cv = document.getElementById('cv');
const ctx = cv.getContext('2d');
const SIZE = 24, W = 480, H = 480;
let snake, dir, food, score, timer = null, running = false;
function init() {
snake = [{x:10,y:10},{x:9,y:10},{x:8,y:10}];
dir = {x:1,y:0};
score = 0;
document.getElementById('score').textContent = '得分：0';
spawnFood();
draw();
}
function spawnFood() {
do {
food = {x: Math.floor(Math.random()*20), y: Math.floor(Math.random()*20)};
} while (snake.some(s => s.x===food.x && s.y===food.y));
}
function draw() {
ctx.fillStyle = '#000';
ctx.fillRect(0,0,W,H);
// 食物（红色）
ctx.fillStyle = 'red';
ctx.fillRect(food.x*SIZE+2, food.y*SIZE+2, SIZE-4, SIZE-4);
// 蛇（绿色）
ctx.fillStyle = '#0c0';
snake.forEach(s => ctx.fillRect(s.x*SIZE+1, s.y*SIZE+1, SIZE-2, SIZE-2));
}
function step() {
const head = {x: snake[0].x + dir.x, y: snake[0].y + dir.y};
// 撞墙或
三种做法,一比就知道
| 再招一个人 | 自己摸索 | 萬安云 S9605 | |
|---|---|---|---|
| 价格 | 月薪数千起 | 反复试错数小时 | $1.99 / 次 |
| 交付周期 | 招聘+培训数周 | 质量不稳定 | 分钟级 |
| 独特性 | 流动风险 | 无人复核 | 按你的任务从零生成 |
| 改稿迭代 | 加钱，走流程 | 反复试错 | 说话就能迭代 |
两步,让它开工
不用碰终端——你只管对 agent 说话,跑命令的活它来。
对你的 agent 说:
对你的 agent 说:
以上 Agent 均可接入萬安云 · OpenAI 兼容接口 · 装好 AIXX 即可调用全部技能
你可能想问
HTML5 Canvas Game Developer怎么安装使用？
三步：终端执行 npx aixxai 安装 AIXX；对您的 AI 说「安装编号 S9605」；交代任务背景与要求，HTML5 Canvas Game Developer即刻开工。
HTML5 Canvas Game Developer多少钱？怎么付费？
$1.99 一次买断（参考价，实际以平台标价为准）——永久使用，无订阅、无月费；该技能由萬安永久维护迭代，更新对已购用户免费。
产出内容能商用吗？
可以。产出为普通数字文件，归购买者使用，可用于商业场景。
具体能帮我做什么？
把你手头这件重复、费时、有固定套路的活交给它——先描述任务和背景，它会确认要点后直接产出成品，不满意可以继续改。
输出质量不稳定怎么办？
在指令里补充背景、受众与格式要求（例如“面向中小企业主、300 字以内、分三点”）；要求越具体，产出越稳。
一价买断,没有套路
永久使用 · 无订阅无月费 · 永久维护迭代