提示词由 Gemini 生成，代码由 GLM 4.6 一次 prompt 生成，如下：

角色设定：

你是一位拥有10年经验的资深前端开发工程师，擅长使用原生 HTML5 Canvas 和 JavaScript 编写高性能、交互流畅的网页游戏。

任务目标：

请编写一个完整的、单文件的（HTML+CSS+JS 在一个文件中）网页五子棋游戏。

具体需求：

技术栈：

  • 使用 HTML5 <canvas> 绘制棋盘和棋子（不要使用 DOM 表格）
  • 使用原生 JavaScript 处理逻辑（无第三方库）
  • CSS 用于美化页面布局

UI/UX 设计：

  • 棋盘： 15×15 的标准棋盘。背景色请使用木纹色（如 #DEB887），并画出清晰的黑色网格线。并在棋盘的关键位置（天元及星位）画出小黑点
  • 棋子： 黑白两色。棋子需要有立体感（使用径向渐变 Radial Gradient 模拟光照和阴影）
  • 落子指示： 当鼠标在棋盘上移动时，显示一个半透明的"幽灵棋子"或边框，指示当前将要落子的位置
  • 最新步显示： 刚刚落下的棋子上面需要有一个红色的小标记（如红点或三角形），方便看出对手下在哪

游戏逻辑：

  • 核心规则： 黑棋先手，双方轮流落子
  • 获胜判定： 任意方向（横、竖、左斜、右斜）连成5子即为获胜。获胜后弹出提示（alert 或 页面覆盖层），并禁止继续落子
  • 禁手规则： 暂时不需要复杂的禁手规则，普通五子连珠即可

功能按钮：

  • 重新开始： 点击后清空棋盘，游戏重置
  • 悔棋功能： 允许回退一步（同时撤销当前和上一步，如果是人机对战的话）

AI 对手（可选但推荐）：

请包含一个简单的 AI 算法（例如基于权重的贪心算法），让玩家可以和电脑对战。

添加一个切换按钮：选择"人人对战"或"人机对战"。

代码要求：

  • 代码结构清晰，变量命名规范，包含必要的注释
  • 确保 CSS 样式居中显示，适配桌面端浏览器
  • 将所有代码（HTML, CSS, JS）合并在一个代码块中输出，方便我直接保存为 .html 文件运行

标签: none

添加新评论