用码道做了一个纯前端连连看：从连线判定到三档难度

最近用华为云码道 CodeArts 做了一个小作品：连连看·科技版。纯前端实现，打开就能玩，顺便把实现思路记下来。

## 玩法长什么样

深色霓虹界面，动物、水果、表情三组图案。点两个相同图案，路径最多拐两次弯（含绕外圈）就能连线消除，限时内清完棋盘即通关。

整个作品只有三个文件：`index.html`、`styles.css`、`game.js`，结构、样式、逻辑分开，改起来不费劲。

## 核心：连线判定

连连看好不好玩，一半看消除判定顺不顺手。这里的规则是：

- 两个图案相同才能连；

- 路径最多拐两次弯，绕外圈也算；

- 直连、一次拐弯、两次拐弯分开判断，两次拐弯时枚举中间拐点，存在一条通路即判定可连；

- 棋盘无解时自动洗牌，不让玩家卡死。

## 功能点

- 倒计时圆环，时间压力看得见；

- 3 秒内连消有加成，鼓励连贯操作；

- 提示和洗牌两个辅助按钮；

- 三档难度：简单 6×8、普通 8×10、困难 10×12；

- 最高分存在本地，换设备不计分、但本机能接着刷；

- 合成音效和背景音乐可以开关。

## 码道的使用感受

需求用自然语言描述清楚，CodeArts 给出的第一版就能跑通，剩下的时间基本花在调手感上：拐弯判定、洗牌时机、难度格子数，都是在可玩版本上一点点改出来的。作品现在已经发布在华为云作品展览馆。

小游戏是个很适合练手的题材：规则说得清、边界测得到、做完就能给人玩。下一步可以再调调计分和难度曲线，让简单档更友好、困难档更有压迫感。