用 Qoder 开发技能五子棋
本实验基于阿里巴巴 Agentic Coding 平台 Qoder，通过开发“技能五子棋”应用，帮助你掌握如何利用 Qoder 进行智能编程。
实验简介
本实验基于阿里巴巴 Agentic Coding 平台 Qoder，通过开发“技能五子棋”应用，帮助你掌握如何利用 Qoder 进行智能编程。
实验室资源方式简介
进入实操前，请确保阿里云账号满足以下条件：
个人账号资源
使用您个人的云资源进行操作，资源归属于个人。
平台仅提供手册参考，不会对资源做任何操作。
确保已完成云工开物 300 元代金券领取。
已通过实名认证且账户余额 ≥0 元。
本实验预计费用约为 1元（按1小时且使用默认参数计费），将使用300元专属权益优惠券进行费用抵扣，实际费用请以实际账单为准。
如果您调整了资源规格、使用时长，或执行了本方案以外的操作，可能导致费用发生变化，请以控制台显示的实际价格和最终账单为准。
领取专属权益及创建实验资源
在开始实验之前，请先点击右侧屏幕的“进入实操”再进行后续操作
本次实验需要您通过领取阿里云云工开物学生专属300元抵扣券兑换本次实操的云资源，如未领取请先点击领取。（若已领取请跳过）
实验产生的费用优先使用优惠券，优惠券使用完毕后需您自行承担。
实验步骤
第一步：安装并注册Qoder账号
第二步：Qoder 从0到1设计并编码
在本地创建文件夹“wuziqi”，登录 Qoder，选择“文件>打开文件夹”，选择创建的文件夹“wuziqi”。
打开智能会话（快捷键Ctrl+L），选择“智能体”模式，输入项目需求：
编写一个名为“技能五子棋”的网页游戏，游戏包含一个经典简洁的五子棋界面，游戏包含技能规则和技能数值系统，要体现一个对战双方的UI界面，显示其韧性状态条、气值、技能面板等UI元素，其中黑子方叫“玩家1”，白子方为“玩家2”。
Qoder 会先规划项目任务，并以文本的形式输出结果，方便审阅它是否正确理解需求。
之后 Qoder 会自主编码。
Qoder 编码完成后，会启动运行，并输出项目总结。
查看 Qoder 生成的页面。通常情况下 Qoder 会自动为你打开页面。如果 Qoder 没有打开页面，你可以进入本地项目目录，打开 index.html 页面。
“技能五子棋”的大部分能力已经被 Qoder 设计出来。但是当前的界面风格需要调整，同时还需要添加多个技能。
第三步：让 Qoder 进行代码微调以便效果更符合预期
将设计风格准确描述发送给 Qoder。
根据以下描述，重新设计整套UI界面：
优化一下界面，设计为小丑牌游戏的风格，描述如下：
Balatro （小丑牌）UI设计风格定义
这是一种**像素化CRT复古未来主义（Pixelated CRT Retro-Futurism）**风格。它巧妙地将80-90年代的经典PC游戏/终端机的视觉元素与现代、清晰、信息密度高的UI布局相结合，创造出一种既怀旧又极具功能性的独特美学。
核心特征分析：
视觉核心 - 像素艺术 (Pixel Art) & CRT质感：
所有图形元素，包括字体、图标、卡牌、背景，都由清晰可见的像素块构成。
整体感觉模仿老式CRT显示器，体现在深色的背景、发光的文本/边框以及可能存在的细微扫描线效果上。
色彩方案 - 高对比度霓虹：
背景是深邃的太空或纯黑色，为前景元素提供了绝佳的衬托。
UI元素（按钮、边框、文本）大量使用高饱和度、高对比度的“霓虹”色，如科技蓝、警示红、亮黄色和活力橙，使其在深色背景上非常突出且易读。
版式与布局 - 现代网格系统：
尽管视觉风格复古，但其布局遵循了现代UI设计的网格系统原则。信息区域划分明确，对齐工整，元素间距舒适，确保了信息的易读性和操作的便捷性。
字体 - 点阵与等宽：
使用经典的像素点阵字体（Bitmap Font），通常是等宽字体（Monospaced），这增强了“计算机终端”的感觉。所有文字边缘锐利，没有抗锯齿处理。
窗口与控件 - 简洁硬朗：
窗口、面板和按钮都是硬朗的矩形，几乎没有圆角。
通常带有1-2像素的亮色描边，以将其从背景中分离出来。
按钮设计极为简约，通常只是一个带边框的色块和文字，但通过颜色变化（如红色表示关键操作）来提供清晰的视觉引导。
动效与反馈 - 经典与直接：
游戏中的动效是快速、干脆的像素动画，如闪烁、快速位移等，符合老式游戏的反馈风格。
将需要添加的技能准确描述发送给 Qoder，并指定 Qoder 将技能卡片替换为存放在项目目录下的图片。
技能替换为如下内容：
飞沙走石 3气 移除 对方两颗非上回合的旗子;
静止如水 4气 一个3*3区域两回合，双方不可落子;
力拔山兮 5气 随机重排 一个3*3区域内的所有棋子;
东山再起 0气 牺牲落子 获得4气 （每局2次）;
调虎离山 6气 终极奥义 额外获得一个回合;
拾金不昧 6气 终极奥义 将对方一颗非关键棋子变为乙方棋子;
两级反转 9气 终极奥义 交换己方和对方全部棋子的颜色 ;
See You Again 10气 终结技 仅能在对方韧性为0时发动，直接获胜。
请将如下images.rar文件解压，并保存在本次五子棋实验的目录下。
目录结构如下：
技能图片按照images里面的图片替换。
待 Qoder 完成编码，查看结果。
这次界面风格和技能已经满足需求，但是韧性值设计过低，无法支撑玩家享受完整的对局体验。让 Qoder 调整韧性值。
编码完成后，再次查看结果。
韧性值已经调整完毕，目前“技能五子棋”已经完全被 Qoder 设计出来并符合预期。
说明Tips：当界面生成结果与预期不一致时，建议多次与 Qoder 互动，并明确、具体地描述你的需求，以便它高效迭代出符合预期的界面。
四、实验资源释放
实验结束后，Qoder账号无需注销，无资源释放。
关闭实验
完成实验后，点击 结束实操
点击 取消 回到实验页面，点击 确定 退出实验界面，关闭页面结束实验
