像素合成狂潮AI · Claude 3.5

游戏信息

在 5×5 的格子上合并相同的像素道具，创造出更大更强的物品，冲击你的最高分！

类型合成益智

分辨率自适应

朝向竖屏

平台PC网页端 / H5移动端

存档localStorage

作者lsk

日期2026-07-07

生成提示词

可复制以下提示词，用于学习或复现这款游戏。

核心玩法循环与机制

Pixel Merge Mania 是一款休闲益智游戏，玩家在 5×5 网格上策略性地放置并合成像素画物品，以获取尽可能高的分数。

瞬时玩法

生成阶段：玩家点击空格生成一个新的像素物品（从可用层级中随机选取）
合成判定：当 2 个或以上相同物品相邻（水平或垂直）时，它们会自动合成为更高一层的物品
连锁反应：若新生成的物品与相匹配的物品相邻，合成可触发进一步的合成
策略放置：玩家须提前思考物品的放置位置，以最大化合成机会

成长与投入

层级系统：物品经历 8 个层级递进（种子 → 幼苗 → 花朵 → 蜜蜂 → 蜂蜜 → 蜜罐 → 小熊 → 彩虹熊）
计分系统：
- 每次合成根据所创造的层级给予分数
- 连锁反应给予额外倍率加成
- 更高层级的合成价值呈指数级增长
网格管理：随着网格逐渐填满，玩家须谨慎规划以避免陷入死局
追逐高分：玩家与自己的个人最佳成绩一较高下

胜负条件

游戏结束：网格被完全填满且无任何可能的合成
胜利：创造新的个人最高分
可重玩性：尝试达到最高层级（彩虹熊）或刷新此前的分数

引人入胜之处

令人满足的反馈：成功合成时的视觉与音效反馈
策略深度：提前规划以创造连锁反应
递进式挑战：越高层级越难以达成
短时对局：每局 2-5 分钟，非常适合移动端游玩
目标清晰：易于理解，难于精通

起步范围

在初始实现中，我们将专注于：

必备（首个版本）：

带点击生成机制的 5×5 网格
8 层递进系统，每层有各具特色的像素画
对相邻相同物品的自动合成判定与执行
基础计分系统（每次合成得分、基于层级的倍率）
网格填满时的游戏结束判定
当前分数显示
简单的合成粒子特效
生成与合成的音效
重新开始按钮

未来增强（留待后续迭代）：

最高分持久化与显示
撤销按钮（回退 1-2 步）
下一个生成物品的预览
能量道具（打乱网格、移除物品、强制合成）
连锁反应的连击计数器
合成的动画过渡
背景音乐
面向新手玩家的教程叠层
排行榜接入

游戏视角

固定屏幕 —— 整个 5×5 网格始终可见，无需滚动。这一视角非常适合合成益智游戏，因为玩家需要看到整个棋盘状态才能做出策略决策。

游戏世界与关卡设计

网格布局

5×5 网格：共 25 个格子，居中于屏幕
格子尺寸：每格 120×120 像素（网格总计 600×600 像素）
间距：格子之间留 8 像素空隙以保证视觉清晰
网格位置：水平居中，置于屏幕上中部（约距顶部 200px），为界面留出空间

视觉层次

背景：柔和渐变（浅蓝到白色），带淡淡的像素纹理
网格格子：颜色略深的方块，带圆角和淡淡的阴影
物品：在中性网格上格外跳脱的彩色像素画
界面元素：顶部栏显示分数，底部区域放置操控

单关卡设计

由于这是一款基于分数的无尽游戏，因此只有一个连续的关卡，其难度随网格填满而自然提升。挑战来自网格管理，而非关卡推进。

编辑模式设计

玩家可在编辑模式中定制以下方面：

可定制属性

视觉主题：

网格颜色：背景色、格子色、边框色
粒子颜色：合成特效的配色方案
界面主题：分数显示颜色、按钮样式

玩法参数：

网格尺寸：4×4、5×5 或 6×6（默认：5×5）
起始层级范围：初始可生成哪些层级（默认：1-3 层）
合成需求：合成所需的相邻物品数量（默认：2，范围：2-4）
分数倍率：每层给予的分数（默认：层级 × 10）

物品定制：

层级名称：为 8 个层级各自自定义名称
层级颜色：每层像素画的主色

约束

网格尺寸：最小 3×3，最大 8×8（以保持可玩性）
合成需求：最小 2，最大 4（以保持游戏平衡）
分数倍率：每层最小 1，最大 1000
至少须定义 5 个层级（以确保成长递进）
起始层级范围须至少包含 2 个层级

编辑模式界面

从右侧滑入的简单属性面板
在游戏网格上实时预览更改
重置为默认按钮
保存/应用按钮以确认更改

操控设计

移动端操控（主要）

点击生成：

点击任意空格生成一个新的随机物品
视觉反馈：触摸时格子高亮，生成时带放大动画
被禁用的格子（已占用）在被点击时轻微抖动

界面按钮：

重新开始按钮：右下角（96×96px），始终可见
菜单按钮：右上角（80×80px），用于进入编辑模式

桌面端操控

鼠标点击：

点击空格生成物品（与移动端点击相同）
空格的悬停效果，提示其可交互
点击重新开始/菜单按钮

键盘快捷键（可选增强）：

R —— 重新开始游戏
ESC —— 打开菜单

操控反馈

触觉：成功合成时轻微振动（仅移动端）
视觉：缩放动画、粒子迸发、颜色闪烁
音效：生成与合成动作各有独特音效

美术风格与视觉主题

整体风格

像素画 —— 迷人多彩的 16×16 或 32×32 像素精灵，以自然/花园为主题，并逐步过渡到充满奇趣的元素。

配色方案

温暖诱人：明亮饱和、跳脱醒目的色彩
自然启发：早期层级采用绿色、黄色、橙色、棕色
魔法递进：为更高层级引入紫色、金色和彩虹效果
背景：柔和的粉彩色（浅蓝、奶油色），不与游戏棋子争抢注意力

层级递进主题

8 个层级遵循从自然到魔法的主题递进：

种子 —— 小小的棕色像素种子
幼苗 —— 带小叶片的绿色幼苗
花朵 —— 多彩绽放的花朵（粉/黄）
蜜蜂 —— 带条纹的可爱像素蜜蜂
蜂蜜 —— 带光泽的金色蜂蜜滴
蜜罐 —— 带标签的蜂蜜罐
小熊 —— 抱着蜂蜜的可爱像素小熊
彩虹熊 —— 带彩虹光环的魔法小熊（终极层级）

视觉一致性

所有物品使用相同的像素网格尺寸（32×32 像素）
一致的描边样式（1 像素深色边框）
所有层级保持相近的细节程度
观察角度：略带 3/4 视角以呈现层次感，同时保持像素清晰度
所有物品均为透明背景

素材与代码渲染

生成素材：全部 8 个层级物品（复杂像素画需要艺术一致性）
代码渲染：
- 网格格子（用 CSS 实现的简单圆角矩形）
- 粒子特效（画布绘制的彩色方块）
- 界面元素（用 CSS 实现的按钮、分数显示）
- 背景渐变（CSS）

## 核心玩法循环与机制

**Pixel Merge Mania** 是一款休闲益智游戏，玩家在 5×5 网格上策略性地放置并合成像素画物品，以获取尽可能高的分数。

### 瞬时玩法
1. **生成阶段**：玩家点击空格生成一个新的像素物品（从可用层级中随机选取）
2. **合成判定**：当 2 个或以上相同物品相邻（水平或垂直）时，它们会自动合成为更高一层的物品
3. **连锁反应**：若新生成的物品与相匹配的物品相邻，合成可触发进一步的合成
4. **策略放置**：玩家须提前思考物品的放置位置，以最大化合成机会

### 成长与投入
- **层级系统**：物品经历 8 个层级递进（种子 → 幼苗 → 花朵 → 蜜蜂 → 蜂蜜 → 蜜罐 → 小熊 → 彩虹熊）
- **计分系统**：
  - 每次合成根据所创造的层级给予分数
  - 连锁反应给予额外倍率加成
  - 更高层级的合成价值呈指数级增长
- **网格管理**：随着网格逐渐填满，玩家须谨慎规划以避免陷入死局
- **追逐高分**：玩家与自己的个人最佳成绩一较高下

### 胜负条件
- **游戏结束**：网格被完全填满且无任何可能的合成
- **胜利**：创造新的个人最高分
- **可重玩性**：尝试达到最高层级（彩虹熊）或刷新此前的分数

### 引人入胜之处
- **令人满足的反馈**：成功合成时的视觉与音效反馈
- **策略深度**：提前规划以创造连锁反应
- **递进式挑战**：越高层级越难以达成
- **短时对局**：每局 2-5 分钟，非常适合移动端游玩
- **目标清晰**：易于理解，难于精通

## 起步范围

在初始实现中，我们将专注于：

**必备（首个版本）**：
- 带点击生成机制的 5×5 网格
- 8 层递进系统，每层有各具特色的像素画
- 对相邻相同物品的自动合成判定与执行
- 基础计分系统（每次合成得分、基于层级的倍率）
- 网格填满时的游戏结束判定
- 当前分数显示
- 简单的合成粒子特效
- 生成与合成的音效
- 重新开始按钮

**未来增强**（留待后续迭代）：
- 最高分持久化与显示
- 撤销按钮（回退 1-2 步）
- 下一个生成物品的预览
- 能量道具（打乱网格、移除物品、强制合成）
- 连锁反应的连击计数器
- 合成的动画过渡
- 背景音乐
- 面向新手玩家的教程叠层
- 排行榜接入

## 游戏视角

**固定屏幕** —— 整个 5×5 网格始终可见，无需滚动。这一视角非常适合合成益智游戏，因为玩家需要看到整个棋盘状态才能做出策略决策。

## 游戏世界与关卡设计

### 网格布局
- **5×5 网格**：共 25 个格子，居中于屏幕
- **格子尺寸**：每格 120×120 像素（网格总计 600×600 像素）
- **间距**：格子之间留 8 像素空隙以保证视觉清晰
- **网格位置**：水平居中，置于屏幕上中部（约距顶部 200px），为界面留出空间

### 视觉层次
- **背景**：柔和渐变（浅蓝到白色），带淡淡的像素纹理
- **网格格子**：颜色略深的方块，带圆角和淡淡的阴影
- **物品**：在中性网格上格外跳脱的彩色像素画
- **界面元素**：顶部栏显示分数，底部区域放置操控

### 单关卡设计
由于这是一款基于分数的无尽游戏，因此只有一个连续的关卡，其难度随网格填满而自然提升。挑战来自网格管理，而非关卡推进。

## 编辑模式设计

玩家可在编辑模式中定制以下方面：

### 可定制属性

**视觉主题**：
- **网格颜色**：背景色、格子色、边框色
- **粒子颜色**：合成特效的配色方案
- **界面主题**：分数显示颜色、按钮样式

**玩法参数**：
- **网格尺寸**：4×4、5×5 或 6×6（默认：5×5）
- **起始层级范围**：初始可生成哪些层级（默认：1-3 层）
- **合成需求**：合成所需的相邻物品数量（默认：2，范围：2-4）
- **分数倍率**：每层给予的分数（默认：层级 × 10）

**物品定制**：
- **层级名称**：为 8 个层级各自自定义名称
- **层级颜色**：每层像素画的主色

### 约束
- 网格尺寸：最小 3×3，最大 8×8（以保持可玩性）
- 合成需求：最小 2，最大 4（以保持游戏平衡）
- 分数倍率：每层最小 1，最大 1000
- 至少须定义 5 个层级（以确保成长递进）
- 起始层级范围须至少包含 2 个层级

### 编辑模式界面
- 从右侧滑入的简单属性面板
- 在游戏网格上实时预览更改
- 重置为默认按钮
- 保存/应用按钮以确认更改

## 操控设计

### 移动端操控（主要）
**点击生成**：
- 点击任意空格生成一个新的随机物品
- 视觉反馈：触摸时格子高亮，生成时带放大动画
- 被禁用的格子（已占用）在被点击时轻微抖动

**界面按钮**：
- **重新开始按钮**：右下角（96×96px），始终可见
- **菜单按钮**：右上角（80×80px），用于进入编辑模式

### 桌面端操控
**鼠标点击**：
- 点击空格生成物品（与移动端点击相同）
- 空格的悬停效果，提示其可交互
- 点击重新开始/菜单按钮

**键盘快捷键**（可选增强）：
- `R` —— 重新开始游戏
- `ESC` —— 打开菜单

### 操控反馈
- **触觉**：成功合成时轻微振动（仅移动端）
- **视觉**：缩放动画、粒子迸发、颜色闪烁
- **音效**：生成与合成动作各有独特音效

## 美术风格与视觉主题

### 整体风格
**像素画** —— 迷人多彩的 16×16 或 32×32 像素精灵，以自然/花园为主题，并逐步过渡到充满奇趣的元素。

### 配色方案
- **温暖诱人**：明亮饱和、跳脱醒目的色彩
- **自然启发**：早期层级采用绿色、黄色、橙色、棕色
- **魔法递进**：为更高层级引入紫色、金色和彩虹效果
- **背景**：柔和的粉彩色（浅蓝、奶油色），不与游戏棋子争抢注意力

### 层级递进主题
8 个层级遵循从自然到魔法的主题递进：

1. **种子** —— 小小的棕色像素种子
2. **幼苗** —— 带小叶片的绿色幼苗
3. **花朵** —— 多彩绽放的花朵（粉/黄）
4. **蜜蜂** —— 带条纹的可爱像素蜜蜂
5. **蜂蜜** —— 带光泽的金色蜂蜜滴
6. **蜜罐** —— 带标签的蜂蜜罐
7. **小熊** —— 抱着蜂蜜的可爱像素小熊
8. **彩虹熊** —— 带彩虹光环的魔法小熊（终极层级）

### 视觉一致性
- 所有物品使用相同的像素网格尺寸（32×32 像素）
- 一致的描边样式（1 像素深色边框）
- 所有层级保持相近的细节程度
- 观察角度：略带 3/4 视角以呈现层次感，同时保持像素清晰度
- 所有物品均为透明背景

### 素材与代码渲染
- **生成素材**：全部 8 个层级物品（复杂像素画需要艺术一致性）
- **代码渲染**：
  - 网格格子（用 CSS 实现的简单圆角矩形）
  - 粒子特效（画布绘制的彩色方块）
  - 界面元素（用 CSS 实现的按钮、分数显示）
  - 背景渐变（CSS）