html5记忆翻牌游戏实现思路及代码

admin html5 2022-02-06 03:08:49 html5 记忆翻牌游戏"

翻开的2张牌如果配对就会消除，否则2张牌都会返回背面。

需求分析

怎么绘制正的牌面和背的牌面及配对成功后怎么消除牌面
怎么生成牌组并且确定每张牌的位置和对应的图片

怎么洗牌
怎么记录牌组的配对信息
怎么确定点击事件是第一次点击还是第二次点击

作弊事件的处理：两次点击同一张牌点击已经消除的牌面点击牌面之外的区域
牌翻开之后需要给一定时间让玩家看清楚，怎么实现暂停

鼠标点击事件的响应及获得鼠标点击位置的坐标从而确定点击的是哪一张牌

MYCode:

复制代码代码如下:

test