这款在线石头剪刀布游戏，采用Next.js和TypeScript技术栈，提供了单人对战AI和本地双人对战两种模式。游戏支持1轮、3轮或5轮比赛，界面设计现代化，拥有直观的手势图标、渐变背景和动态效果，并支持鼠标点击、键盘控制及触控操作。游戏完全使用纯JavaScript实现，没有使用Canvas，得益于AI编辑器Cursor的辅助，能够快速上线并进行优化，目前已出现在搜索第一页。

♦️ **游戏模式多样，满足不同玩家需求**: 该游戏提供了两种核心玩法模式：玩家可以挑战AI对手进行单人对战，体验与智能机器的较量；或者选择本地双人对战模式，与朋友面对面进行游戏。两种模式都支持1轮决胜、3轮2胜和5轮3胜等多种比赛轮数设置，为玩家带来丰富的游戏体验。

♦️ **现代化界面与便捷操作**: 游戏界面设计简洁美观，采用了紫粉渐变的背景，并用直观的emoji表情来表示石头、剪刀、布的手势，增强了用户体验。标题部分还有动态旋转动画效果，增加了视觉趣味性。操作上，玩家可以通过鼠标点击或键盘（玩家1使用A/S/D，玩家2使用J/K/L）进行选择，同时针对移动端用户优化了触控操作，确保了跨平台的可玩性。

♦️ **纯JavaScript实现，AI辅助高效开发**: 值得一提的是，这款游戏完全使用纯JavaScript编写，没有借助Canvas等更复杂的图形库，展示了原生JS的强大能力。开发者特别提到了AI编辑器Cursor在开发过程中的重要作用，大大提高了开发效率，使得项目能够快速上线。

♦️ **持续优化与SEO布局**: 尽管功能相对基础，但开发者表示将持续完善游戏功能，并已开始着手SEO和关键词优化，目标是将其推广到搜索引擎结果的第一页，显示出其对产品推广和用户获取的重视。

各位大佬好，第一次尝试出海，还再完善 seo 和关键词中，欢迎指导哈（不好意思不能截图）

链接

https://rockpaperscissors.top/

IDE

cursor - ai 编辑器（有时候也犯浑，还是要好的提示词）

✨ 技术栈

前端框架

Next.js - React 全栈框架TypeScript - 类型安全的 JavaScript 超集

🎯 游戏特性

🎮 双游戏模式

👤 vs 🤖 单人模式 - 挑战智能 AI 对手👥 双人模式 - 本地双人对战

🏆 多轮比赛

1 轮决胜 - 快速对决3 轮 2 胜 - 经典模式5 轮 3 胜 - 专业比赛

🎨 现代化界面

手势 emoji - 直观的 ✊✋✌️ 手势图标渐变背景 - 紫粉渐变的美观界面动态图标 - 标题中的旋转动画效果实时反馈 - 选择状态和结果动画

⌨️ 操作方式

鼠标点击 - 点击按钮选择键盘控制 -
玩家 1: A(石头) S(布) D(剪刀)玩家 2: J(石头) K(布) L(剪刀)
触控操作 - 移动端优化的触控体验

🎲 游戏玩法

基础规则

石头剪刀布是一个经典的手势游戏：

✊ 石头 胜 ✌️ 剪刀✋ 布 胜 ✊ 石头 ✌️ 剪刀 胜 ✋ 布相同选择为平局

游戏流程

选择模式 - 单人对战电脑 或 双人对战设置轮数 - 选择 1 轮、3 轮或 5 轮比赛3 秒倒计时 - 准备阶段同时选择 - 双方同时做出选择显示"Selected" - 选择完成，保持悬念揭晓结果 - 显示双方选择和获胜方计分统计 - 实时更新比分决出胜负 - 达到获胜轮数后宣布最终胜者

当然我这个功能比较简单，虽然是游戏，但是 canvas 都没用，纯 js 实现，当然也是 cursor 的大力支持，所以才快速的上线。后面还会不断完善，目前出现在搜索第一页