365天独立开发挑战来到第75天。今天的产出是一款带有霓虹风格的 H5 休闲小游戏：10X10! Block Puzzle（俄罗斯方块消除）。

传统的俄罗斯方块强调即时反应和手速，而今天的这版“变体”则剥离了时间压力，更考验空间规划与大局观。

1、游戏的核心机制：告别下落，专注布局

游戏采用 10x10 的固定网格。系统会在下方随机生成3个不同形状的方块，玩家需要将其拖拽至网格中。

消除规则：当横向或竖向被完全填满时，触发消除并得分。

生存条件：游戏没有时间限制，但当下方给出的任何一个方块都无法放入网格的剩余空隙时，游戏即告结束。

2、视听反馈与技术实现

为了提升纯网页游戏的质感，在开发过程中重点打磨了视觉动效与原生音频：

赛博霓虹视觉：放弃了传统的扁平纯色块，采用暗黑背景搭配发光阴影（Cyberpunk/Neon）特效。方块消除时，加入了平滑的缩放和透明度过渡动画，确保视觉反馈干脆利落。

原生合成音效：没有加载外部音频文件，而是直接调用浏览器的 Web Audio API 实现原生合成音效。放置方块时有低沉的触感反馈；触发消除时，伴随清脆的上升音效（且消除行数越多，音调越高）；游戏结束时则有明确的下降提示音。右上角支持随时全局静音。

3、多端适配与 UX 细节

针对跨平台访问的体验痛点，做了一些针对性的优化：

移动端“防指挡”拖拽优化：这是触屏网页游戏极易被忽视的细节。通过 PointerEvent 实现了触控优化——在手机端拖动时，方块会自动悬浮在手指上方一段固定距离。这样手指就不会遮挡视线，确保玩家能将方块精准放入目标网格。

无感知的国际化与进度保存：系统会自动检测浏览器的语言环境，中文环境下自动显示“开始游戏”、“最高分”等中文字段，其余环境默认英文。同时，游戏内每积累 1000 分会自动提升一个 Level，最高分（Best Score）会实时保存在浏览器本地缓存中。