← 返回列表

方块合合乐AI · Claude 3.5

游戏信息

将相同的方块发射进密集的垂直方块堆中进行合并,引发爆炸反应把整堆方块往回推!

类型合成消除益智
分辨率自适应
朝向竖屏
平台PC网页端 / H5移动端
存档localStorage
作者lsk
日期2026-07-08

生成提示词

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

核心玩法循环与机制

Zenith Cube 是一款 3D 物理驱动的解谜游戏,将 2048 那令人上瘾的合并机制与打砖块类游戏的压迫墙动态结合在一起。玩家向一条充满方块的垂直通道中向上发射方块,制造出爆炸式的合并反应,将整个方块群向后推。

即时玩法体验
  1. 瞄准:玩家在屏幕底部水平滑动手指,为发射器定位
  2. 发射:松手将方块以高速向上射入方块群
  3. 合并:当发射出的方块与另一个数值相同的方块碰撞时,它们以爆炸式的冲量合并
  4. 推后:合并产生冲击波,将周围的方块从危险线附近推开
  5. 生存:新的方块行在顶部生成,缓慢向玩家的发射线下降
进程与吸引力
  • 数值进阶:方块从数值 2 开始,合并为 4、8、16、32、64、128、256、512、1024,最终到达 2048(即 Zenith Cube 巅峰方块)
  • 连击系统:在短时间窗口内连续合并可使得分翻倍
  • 压力释放奖励:将方块群显著向上推的大型合并会奖励额外分数
  • 难度递增:随着游戏推进,新行生成得更频繁,质量密度也更高
胜负条件
  • 获胜:达成 Zenith Cube(2048)或达到目标分数
  • 失败:任何方块越过"危险阈值"(玩家发射所在的底部红线)
吸引力所在
  • 物理满足感:方块碰撞、合并、互相推挤的触感带来极为满足的反馈
  • 策略深度:玩家必须在即时合并与长期布局之间取得平衡
  • 视觉奇观:带发光方块、碎屑喷洒和冲击波的爆炸式合并效果
  • 风险/回报:将方块射入密集的方块群有风险,但可引发大规模连锁反应

起步范围

对于第一个迭代版本,我们将实现一个高度打磨的核心体验,包含以下功能:

必须具备(首个迭代):

  • 带物理驱动方块的 3D 垂直通道(使用 Rapier.js 进行 2D 物理并投影到 3D 空间)
  • 带水平瞄准的触摸式发射器
  • 带速度冲量的方块发射
  • 带推后力的合并判定与爆炸机制
  • 基础方块数值:2、4、8、16、32、64、128、256、512、1024、2048
  • 危险线判定与游戏结束状态
  • 带数值倍率的得分系统
  • 按间隔生成新行
  • 视觉效果:合并发光、尺寸扩大、粒子碎屑
  • 发射和合并时的触觉反馈(移动端)
  • 简单界面:得分显示、下一个方块预览、游戏结束界面

未来迭代:

  • 带倍率的连击链系统
  • 压力释放奖励计算
  • 渐进式难度缩放(更快的生成、更密的行)
  • 道具(时间冻结、销毁方块、强力推挤)
  • 排行榜与最高分记录
  • 音效与背景音乐
  • 高级视觉效果(HDR 泛光、屏幕震动)
  • 教程/新手引导流程

游戏视角

3D 第三人称固定摄像机

游戏采用俯视一条垂直通道的固定 3D 视角:

  • 摄像机以一定角度放置,以呈现方块的深度和 3D 特性
  • 通道从底部(玩家发射区)到顶部(生成区)垂直延伸
  • 固定摄像机确保瞄准和空间感知的一致性
  • 3D 渲染在保持清晰的玩法可见性的同时,突出物理交互

游戏世界与关卡设计

通道
  • 尺寸:一条狭窄的垂直通道,宽约 5 个方块,高约 12-15 个方块
  • 墙壁:两侧为透明的玻璃状墙壁,容纳方块但保持可见性
  • 地板:底部的危险线(红色发光线),玩家从这里发射
  • 天花板:顶部的生成区,新行在此出现
方块布局
  • 初始配置:通道顶部有 3-4 行方块,数值为 2、4 和 8
  • 方块间距:方块紧密排列,间隙极小,形成密集的方块群
  • 物理属性:
    • 方块之间的高摩擦(默认:0.5)
    • 基于方块数值的真实质量
    • 用于合并和物理交互的碰撞检测
视觉环境
  • 背景:深色渐变(深蓝到黑色),使方块跳脱
  • 光照:戏剧性的俯照光,方块带边缘光
  • 网格地板:危险线处的细微网格图案,用作空间参照
  • 粒子场:背景中漂浮的环境粒子,营造深度

编辑模式设计

玩家可以在编辑模式中自定义以下方面:

物理属性
  • 方块摩擦(0.1 - 1.0):方块之间抵抗相互滑动的程度

    • 越低 = 越滑,越容易推动
    • 越高 = 越粘,越难移动
    • 默认:0.5
  • 发射冲量(20.0 - 100.0):玩家方块的发射速度

    • 越低 = 越慢、越可控的发射
    • 越高 = 越快、越有力的发射
    • 默认:50.0
  • 合并爆炸力(5.0 - 30.0):方块合并时的推后强度

    • 越低 = 轻柔的推挤
    • 越高 = 爆炸式的冲击波
    • 默认:15.0
  • 重力缩放(-2.0 - 2.0):作用在方块上的垂直力

    • 负值 = 方块向上漂移
    • 正值 = 方块向下漂移
    • 默认:-0.5(轻微向下漂移)
玩法属性
  • 推进间隔(3.0 - 10.0 秒):新行生成之间的时间

    • 越低 = 越快、越有挑战
    • 越高 = 越慢、越讲策略
    • 默认:5.0
  • 初始行数(2 - 6):游戏开始时的方块行数

    • 越低 = 开局越轻松
    • 越高 = 立即施压
    • 默认:3
视觉属性
  • 方块配色方案:从预设配色中选择

    • "Thermal"(热感,默认):红 → 橙 → 黄 → 白
    • "Ocean"(海洋):蓝 → 青 → 蓝绿 → 白
    • "Forest"(森林):绿 → 青柠 → 黄 → 白
    • "Sunset"(日落):紫 → 粉 → 橙 → 黄
  • 粒子强度(0.5 - 2.0):合并时的碎屑数量

    • 越低 = 细微的效果
    • 越高 = 爆炸式的喷洒
    • 默认:1.0
约束
  • 所有数值都有合理的最小/最大范围,以防玩法崩坏
  • 物理数值被限制在范围内,以确保稳定的模拟
  • 视觉效果会根据设备性能适当缩放

操作设计

移动端操作(主要)

瞄准:

  • 在屏幕底部三分之一区域的任意位置触摸并按住
  • 左右滑动手指以水平定位发射器
  • 可视指示器显示发射轨迹(向上延伸的虚线)
  • 发射器位置被限制在通道宽度内

发射:

  • 松开手指发射方块
  • 方块以高速冲量垂直向上射出
  • 松手时的触觉反馈"撞击感"(若设备支持)

视觉反馈:

  • 触摸时发射器底座发光
  • 轨迹线脉动以指示就绪状态
  • 发射器位置显示下一个方块的预览
桌面端操作(次要)

瞄准:

  • 在屏幕底部左右移动鼠标
  • 发射器跟随鼠标 X 位置
  • 可视轨迹指示器跟随鼠标

发射:

  • 点击发射方块
  • 空格键作为备用发射键
  • 无触觉反馈(桌面端)
操作实现说明
  • 触摸追踪使用触摸 ID,以防多点触摸干扰
  • 鼠标位置被归一化到通道宽度
  • 窗口失焦时清除所有输入
  • 在游戏区域内阻止触摸事件的浏览器默认行为
  • 发射冷却(0.3 秒)防止意外的连续发射

美术风格与视觉主题

整体风格

充满动能的未来极简主义

游戏将干净的几何形态与爆炸式的粒子效果结合,营造出一种正在操纵与合并物质的高科技实验室美学。可以想象成核聚变反应堆与解谜游戏的结合。

配色方案
  • 背景:深邃太空渐变(海军蓝 #0a1128 到黑色 #000000)
  • 通道墙壁:带青色边缘光的半透明玻璃(#00ffff,30% 不透明度)
  • 危险线:脉动的红色警示(#ff0033)
  • 界面元素:干净的白色文字配青色点缀
方块颜色进阶(热感方案)
  • 2:冷灰色(#4a5568)
  • 4:钢蓝色(#5a7fa0)
  • 8:蓝绿色(#2dd4bf)
  • 16:青柠绿(#84cc16)
  • 32:黄色(#fbbf24)
  • 64:橙色(#fb923c)
  • 128:深橙色(#f97316)
  • 256:红橙色(#ef4444)
  • 512:亮粉色(#ec4899)
  • 1024:品红色(#d946ef)
  • 2048:带彩虹微光的璀璨白色(#ffffff)
视觉效果
  • 合并发光:向外扩展的强烈白色泛光(1.5 倍方块大小)
  • 尺寸弹跳:合并后的方块短暂缩放到 1.2 倍再稳定下来
  • 碎屑粒子:10-15 个与合并方块颜色一致的小方块碎片
    • 碎片具有物理特性,会从其他方块上弹开
    • 在 0.8 秒内渐隐
    • 发出柔和的发光拖尾
  • 冲击波环:合并点处向外扩展的圆形波(青色)
  • 发射拖尾:发射方块后方淡淡的动态模糊拖尾
光照
  • 主光:来自上前方的明亮白光(模拟实验室照明)
  • 边缘光:方块上的青色边缘照明,用于勾勒轮廓
  • 合并闪光:合并位置处强烈的点光源(白色、短暂)
  • 环境光:柔和的蓝灰色环境光,营造深度
排版
  • 字体:"Orbitron" 或类似的几何无衬线字体(来自 Google Fonts CDN)
  • 得分:大号、粗体、白色带青色发光
  • 界面文字:中等字重,清晰的层级
素材策略
  • 方块:用 Three.js 渲染(BoxGeometry 配自定义材质)
  • 粒子:为性能采用实例化几何体
  • 通道:用带自定义着色器的 Three.js 平面实现玻璃效果
  • 界面元素:HTML/CSS 叠层
  • 生成素材:背景纹理、粒子纹理、发光贴图