数字连线AI · Claude 3.5

核心玩法循环与机制

Number Nexus 是一款轻松的益智游戏，玩家连接相同的数字泡泡将其合成为更大的数字，背景是一片宁静的宇宙。

逐刻玩法

1. 泡泡生成：数字泡泡（初始为 2、4、8）在固定的游戏区域中轻柔漂浮
2. 连接阶段：玩家画一条线，连接两个或多个数字相同的泡泡
3. 合成动作：被连接的泡泡合成为一个数值翻倍的泡泡（2+2=4、4+4=8，以此类推）
4. 新泡泡生成：每次合成后，新泡泡在随机位置生成
5. 连锁反应：策略性的合成可以引发连锁组合

进阶系统

• 得分：根据合成数值给予分数（合成 2 得 4 分，合成 4 得 8 分，以此类推）
• 最高分：跨会话记录个人最佳成绩
• 数字进阶：从 2、4、8 起步，努力冲向 2048 及更高
• 难度曲线：随着得分提高，高数值泡泡的生成频率增加

胜负条件

• 无失败状态：这是一段无尽、放松的体验
• 目标：通过创造大数字合成，取得尽可能高的分数
• 里程碑：达到 2048 是一项重要成就，但游戏会继续进行

吸引力驱动

• 爽快的合成：视觉与音效反馈让每次合成都令人满足
• 策略深度：提前规划以创造更大的合成
• 禅意体验：舒缓的画面与音效营造出冥想般的状态
• 个人最佳：与自己的最高分较量
• "再合成一次"：想要超越上一次得分的欲望让玩家欲罢不能

起步范围

首个版本将聚焦于核心机制，并将打磨做到极致：

优先实现：

• 固定的游戏区域（600x1000px），配以宇宙背景
• 任意时刻有 8-12 个漂浮的数字泡泡
• 通过触控/鼠标画线连接相同的泡泡
• 合成机制（2→4、4→8、8→16，以此类推）
• 得分显示与最高分持久化保存
• 流畅的泡泡动画（漂浮、合成、生成）
• 合成的粒子特效
• 舒缓的背景音乐与合成音效
• 首次游玩时的简单教程叠层

留待未来迭代：

• 道具（冻结时间、移除泡泡、洗牌）
• 不同的游戏模式（限时挑战、有限步数）
• 成就系统
• 多种宇宙主题/背景
• 多人对比功能

游戏视角

固定屏幕，采用单一的游戏区域视图。镜头不移动；所有泡泡在屏幕中央一个划定的矩形区域内漂浮。这营造出一种专注、冥想式的体验，让玩家能够一眼看到所有元素。

游戏世界与关卡设计

游戏区域

• 尺寸：600px 宽 × 1000px 高的游戏区，居中于 720×1280 的 iframe 中
• 背景：深空，配以缓慢闪烁的星辰、星云和微妙的粒子特效
• 边界：边缘的柔和光晕用于界定游戏区域
• 泡泡数量：任意时刻有 8-12 个泡泡处于活动状态

泡泡行为

• 漂浮运动：泡泡以柔和的正弦波形态缓慢漂移
• 碰撞：泡泡之间以及与边界之间会轻柔地弹开
• 尺寸：泡泡直径为 80-100px（足够大，便于触控）
• 间距：泡泡之间至少间隔 20px 以防止重叠

视觉层级

• 顶栏 (0-120px)：得分显示与最高分
• 游戏区域 (120-1120px)：主要的泡泡交互区
• 底栏 (1120-1280px)：教程提示或连击计数器

数字进阶

• 起始数字：2、4、8
• 生成逻辑：
  • 得分 0-100：仅生成 2 和 4
  • 得分 100-500：生成 2、4 和 8
  • 得分 500+：偶尔生成 16
  • 更高的得分引入 32 及更高的数字
• 最大数值：无硬性上限，但达到 2048 是主要里程碑

编辑模式设计

编辑模式允许玩家在保持核心机制的同时自定义视觉与玩法体验。

可编辑属性

视觉自定义：

• 泡泡颜色：为数字泡泡选择配色方案
  • 默认：从蓝色（2）到紫色（2048）的渐变
  • 选项：彩虹、暖色（橙/红）、冷色（蓝/绿）、单色
• 背景主题：选择宇宙背景风格
  • 默认：带星云的深空
  • 选项：星空、螺旋星系、极光、极简暗色
• 粒子特效：切换合成粒子的强度
  • 选项：关闭、低、中（默认）、高

玩法自定义：

• 初始泡泡数量：8-15 个泡泡（默认：10）
• 泡泡漂浮速度：慢、中（默认）、快
• 生成速率：合成后新泡泡出现的快慢
  • 选项：慢（放松）、中（默认）、快（有挑战）

音频自定义：

• 音乐音量：0-100%（默认：60%）
• 音效音量：0-100%（默认：80%）
• 背景音乐：从 3 首舒缓曲目中选择

约束

• 最少 6 个泡泡，最多 15 个（以防止过于拥挤或空旷）
• 漂浮速度范围确保泡泡可见且可追踪
• 配色方案保持足够对比度以确保数字清晰
• 所有自定义都保留核心合成机制

编辑模式界面

• 通过右上角的齿轮图标进入
• 从右侧滑入的面板，含条理清晰的分区
• 更改实时预览
• 每个分区都有「恢复默认」按钮
• 更改自动保存至 window.gameConfig

操作设计

Number Nexus 采用针对益智类型优化的简单点击/触击并拖动操作方案。

移动端操作（触控）

• 连接泡泡：从一个泡泡触摸并拖动到另一个数字相同的泡泡
  • 视觉反馈：画一条跟随手指的发光线条
  • 当手指位于泡泡中心 50px 范围内时吸附到该泡泡
  • 若泡泡全部相同，可连续连接 2 个以上
• 松开以合成：抬起手指以执行合成
• 取消连接：拖到游戏区域之外或点击空白处
• 菜单入口：点击右上角的齿轮图标

桌面端操作（鼠标）

• 连接泡泡：从一个泡泡点击并拖动到另一个泡泡
  • 与触控相同的视觉反馈
  • 悬停时高亮有效的连接目标
• 松开以合成：松开鼠标按键以执行合成
• 取消连接：右键点击或拖到游戏区域之外
• 菜单入口：点击齿轮图标

输入处理细节

• 连接线：
  • 从第一个泡泡的中心开始
  • 跟随指针位置
  • 吸附到范围内的有效目标泡泡
  • 悬停在有效目标上时发光更亮
• 有效连接：只有数字相同的泡泡才能被连接
• 多泡泡连锁：在一次手势中可连接 3 个以上泡泡以获得额外得分
• 触点 ID 追踪：防止多点触控干扰（只有第一个触点绘制连接）
• 阻止默认行为：在游戏过程中阻止浏览器滚动/缩放

反馈系统

• 视觉：
  • 连接线的颜色与泡泡数字匹配
  • 有效目标轻柔脉动
  • 无效目标保持静止
• 音频：
  • 连接每个泡泡时发出柔和的"叮"声
  • 松开时发出令人满足的"合成"音效
  • 更大数字的合成音调更高
• 触感（移动端）：成功合成时轻微振动

美术风格与视觉主题

整体风格

宇宙极简主义——干净、现代的设计，配以宁静的太空主题。这种美学在简约与视觉趣味之间取得平衡，营造出既舒缓又引人入胜的体验。

配色方案

• 背景：深空的蓝色与紫色（#0a0e27、#1a1f3a、#2d1b4e）
• 泡泡：随数字增大，从冷色到暖色渐进
  • 2：柔和青色（#4dd0e1）
  • 4：浅蓝色（#42a5f5）
  • 8：紫色（#7e57c2）
  • 16：品红色（#ab47bc）
  • 32：粉色（#ec407a）
  • 64：橙色（#ff7043）
  • 128：金色（#ffa726）
  • 256+：亮黄白色（#ffeb3b）
• 界面元素：带微妙光晕的白色文字（#ffffff 配阴影）
• 连接线：与泡泡颜色匹配但亮度更高

视觉元素

泡泡：

• 圆形，柔和的渐变填充
• 半透明外发光（20% 不透明度）
• 干净无衬线字体（Poppins 或类似字体）的白色数字
• 微妙的内阴影以增加立体感
• 尺寸：直径 80-100px，取决于数值大小

背景：

• 多层视差效果，含多个星辰图层
• 缓慢移动的星云（带动画的 CSS 渐变）
• 闪烁的星辰（带不透明度动画的白色小点）
• 微妙的粒子漂移（微小的发光点）

特效：

• 合成粒子：与泡泡颜色匹配的小彩色圆点迸发
• 连接线：带渐变淡出的发光轨迹
• 生成动画：泡泡以放大效果淡入
• 漂浮运动：柔和的正弦波运动

素材与代码渲染

生成素材：

• 背景星云纹理（无缝、可平铺）
• 合成特效的粒子纹理
• 界面图标（设置齿轮、信息图标）
• 背景音乐曲目
• 音效（合成、连接、生成）

代码渲染（CSS/Canvas）：

• 泡泡（用 CSS/Canvas 实现的圆形渐变）
• 数字（文本渲染）
• 连接线（Canvas 绘制）
• 星空（Canvas 粒子）
• 得分显示（HTML/CSS）
• 界面面板（带背景模糊的 CSS）

动画原则

• 平滑过渡：所有运动都使用缓动函数（ease-in-out）
• 柔和节奏：动画比典型游戏更慢（800-1200ms）
• 微妙特效：避免突兀或激进的视觉效果
• 持续运动：背景元素始终保持轻微移动
• 满足感反馈：合成有清晰的视觉回报，但不会过于喧闹