html5记忆翻牌游戏

最新推荐文章于 2023-07-11 08:24:52 发布

VIP文章 kaitaow

最新推荐文章于 2023-07-11 08:24:52 发布

阅读量1.1k

点赞数

本文链接：https://blog.csdn.net/foreverkoking/article/details/9448607

版权

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

需求分析

怎么绘制正的牌面和背的牌面及配对成功后怎么消除牌面

怎么生成牌组并且确定每张牌的位置和对应的图片

怎么洗牌

怎么记录牌组的配对信息

怎么确定点击事件是第一次点击还是第二次点击

作弊事件的处理：两次点击同一张牌点击已经消除的牌面点击牌面之外的区域

牌翻开之后需要给一定时间让玩家看清楚，怎么实现暂停

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

MYCode:

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="utf-8" />

        <title>test </title>
        <script type="text/javascript">
            var ctx;
            var canvas;
            var card;
            var first_pick = true; //第一次点击的标志
            var first_card = -1;
            var second_card;
            var back_color = "rgb(255,0,0)"; //卡片背面颜色
            var table_color = "#FFF

最低0.47元/天解锁文章

kaitaow

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
html5记忆翻牌游戏

翻开的2张牌如果配对就会消除，否则2张牌都会返回背面。需求分析怎么绘制正的牌面和背的牌面及配对成功后怎么消除牌面怎么生成牌组并且确定每张牌的位置和对应的图片怎么洗牌怎么记录牌组的配对信息怎么确定点击事件是第一次点击还是第二次点击作弊事件的处理：两次点击同一张牌点击已经消除的牌面点击牌面之外的区域牌翻开之后需要给一定时间让玩家看清楚，怎么实现暂停鼠标点击事件
复制链接

扫一扫