彩虹叠塔

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

制作一个名为《彩虹叠塔》的全屏中文 HTML5 Canvas 休闲叠塔游戏，使用 2D 正交/平面视角，适配桌面和手机屏幕，禁止页面滚动。画面整体是清爽柔和的儿童向扁平风格：背景从左上角的暖奶油色渐变到右下角的浅蓝色，背景中有若隐若现、低透明度的彩色大圆点；底部约 54px 是浅绿色地面，上沿用连续半圆波纹装饰。所有方块是高度约 32px、圆角约 8px 的彩色矩形，带很淡的偏下方阴影和顶部白色高光条。颜色依次循环使用粉红、橙色、黄色、绿色、天蓝色、紫色、浅紫色（例如 #ff4f81、#ff9f43、#ffd166、#55d88a、#48bfe3、#6c63ff、#b56cff），底座则为深蓝灰色。

游戏目标是把移动中的彩色方块一层层落到塔顶，尽可能叠高并获得高分。初始菜单状态显示顶部左侧粗体标题“彩虹叠塔”，右上角两个白色半透明圆角信息框，分别显示“0 / 分数”和“0 / 层数”。屏幕上方约 17% 位置居中显示一个白色半透明、带浅边框和大阴影的圆角说明卡片，标题是“把颜色堆到天上”，说明文字是“点击屏幕或按空格，让移动中的方块落下。越准，连击越高！”，下方有粉红色立体按钮“开始叠塔”。底部中央显示胶囊形提示“点击 / 空格：落下方块”。

点击“开始叠塔”后，隐藏菜单，建立一个居中的深蓝灰色底座，宽度为 min(190px, 屏幕宽度的 48%)、高度 32px，坐落在绿色地面上方。随后生成一个悬在塔顶上方约 155px 的彩色方块，宽度按下方方块宽度的 0.88 到 1.02 倍随机生成，并限制在 70px 到 min(190px, 屏幕宽度 48%) 之间。它在屏幕左右边距约 20px 内水平来回匀速移动，初速度约 95 + 当前方块数量*3.2 px/s，碰到边缘就反弹；悬浮方块的垂直位置只做非常轻微的正弦上下漂动。玩家点击/触摸画布或按空格时，让当前方块停止水平运动并立即落到下方塔顶，计算两矩形的水平重叠：若重叠不超过 9px，判定失败；否则将方块放置在下方方块正上方，裁剪为重叠宽度。位置要限制在下方方块有效范围附近，避免完全偏离。

精确对齐时判定为 perfect：当前方块与下方方块中心的水平距离小于 max(7px, 下方宽度的 10%)。perfect 时额外增加最多约 8px 的宽度、方块变成白色，并产生 18 个彩色粒子；普通成功产生 8 个粒子。粒子从方块附近向四周喷出，受重力下落并在约 0.5 到 1 秒内消失。成功放置后生成下一块，分数增加 round(20 + 重叠宽度*0.9 + perfect奖励50 + 连击数*8)；perfect 会使连击数加一，普通放置使连击数至少减少一但不低于 0。每成功放置五层，塔顶视觉位置额外上移约 4px。随着塔变高，使用垂直镜头滚动：当塔顶高于屏幕约 48% 高度时，整体方块绘制内容向下平移，让塔顶保持在画面中部附近。成功落下时有轻微屏幕震动，perfect 的震动比普通放置更强，并快速衰减。

塔失败时进入 over 状态，停止当前方块，并在同样的居中卡片中显示标题“塔倒啦！”，文字格式为“本局 X 分 · 叠了 Y 层”，如果本局没有刷新最高分则追加“ · 继续挑战最高分 Z”，并提供粉红色立体按钮“再来一局”。点击按钮或在失败状态按空格立即重新开始。开始新局时分数、层数、连击、方块和粒子全部清空；最高分使用浏览器 localStorage 持久保存，键名为 rainbow-stack-best。游戏过程中实时更新右上角分数和层数，其中层数是不含底座的已叠方块数。支持鼠标、触摸/指针点击和空格键操作；空格在菜单中开始游戏、进行中落块、失败后重新开始。保持 HUD 固定在画布上方且不阻挡游戏操作，使用大号深蓝灰文字、圆角白色卡片、柔和阴影和粉红色按钮，整体视觉必须接近截图中的简洁彩虹 pastel 叠塔界面。