前几天投了 TencentXXX ，让做个五子棋，然后就做出来了。
😺...
游戏很简单：
- 棋盘
- 棋子（落棋）
- 输赢
- 悔棋
棋盘
网格，用数组实现矩阵
棋子
根据点击坐标和网格数量计算落子点
输赢
其实挺多方法可以判断输赢，我选了一个最简单的方法：得到对应的四条轴的棋子数组，判断四条轴中是否有连续且同样的五位数字。
悔棋
需要维护一个列表，存放记录，包括：棋子位置、角色id
还需要维护一个当前进度，用于撤销悔棋
canvas 和 dom 版本除了渲染方式不同，其他基本一致，canvas使用 getImageData 和 putImageData保存棋盘快照用于悔棋，dom 版本直接将历史记录操作至元素。
完
.jpg?imageView2/1/w/300/h/230/format/webp/interlace/1/q/80|imageslim)
132 2
学习canvas中，感谢分享！😃👍
回复 #275 @lokiho ：
不客气💪
大哥,我们好像是朋友了😃
回复 #313 @island ：
Yes!
这个很漂亮啊~说来挺巧，两年多前我准备面鹅厂的时候也写过一个类似的，带了简单的剪枝算法 js-gomoku-2
回复 #360 @ewind ：
666 图截的哪的
回复 #361 @Surmon ：
维基百科啊…算法很老了，维基上伪代码拿来改改就能用（
回复 #362 @ewind ：
可以可以
这个博客是开源的？
回复 #648 @leesny ：
是，常识