zoukankan      html  css  js  c++  java
  • 原生js实现一个连连看小游戏(一)

    前几天使用原生的js写了一个连连看小游戏,地址:连连看(js),基本功能都实现了,运行截图为:

    根据游戏规则获取开发思路

    1. 创建棋盘格
    2. 生成随机不重复数字
    3. 映射到棋盘格
    4. 鼠标点击事件
    5. 寻路,无通路,则到 2,有通路则对消
    6. 判断棋盘格是否全部消亡

    只要能完成以下几个小Demo就能完成一个连连看游戏了(大概有以下几部分组成)

    • 使用html ,css完成一个棋盘格(布局)
    • 对数组随机取数并且不放回(生成随机不重复的数字)
    • 点击一个列表某一项获取该项索引(当点击列表的某一项时,能返回该项在列表中是第几项)
    • 会操作数组,栈方法,队列方法,分割方法,迭代方法以及合并方法(push,pop,shift,splice,foreach,concat)
    • 棋盘格任意不重复两点所构成的井字型区域中寻找通路(无折点,一个折点,两个折点)

    最难点:获取所有通路

  • 相关阅读:
    韦到头打印链表
    字符串替换
    二维数组中的查找
    字符串加解密
    简单密码破解
    vue中store模块化
    使用requests抓取网页内容
    PyQt中的一些小问题
    微信公众号之Token验证
    编译BOOST中的PYTHON模块
  • 原文地址:https://www.cnblogs.com/xingguozhiming/p/8921823.html
Copyright © 2011-2022 走看看