昨天看视频之后,整理思路,自己完成了简易版消灭星星
思路:
模块1:初始化
模块2:预判
判断:
鼠标移动到某一个方块,判断上下左右是否有连接着的小方块(采用递归方法),然后将其存储到数组choose[],移到其他方块时,choose置为空
闪烁:
将已选中的小方块设置样式(缩放)
显示选择分数:
设置初始分数和递增分数,根据选中的块数算出选中的分数
模块3:点击
消失:
点击已选中的小方块,将连着的所有小方块在二维数组的位置设置为空,清空choose数组
移动:
下移:设置一个指针,指向最下面的行。每当行+1,若遇到不为空的方块,则pointer++,若遇到该列某行为空,则将pointer的行数设为i
左移:最底部的一行若有一列为空,将右边的所有方块的列-1
判断:
每次点击完成之后判断游戏是否结束
代码部分
html
html结构很简单
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="./index.js"></script> <link rel="stylesheet" href="index.css" > </head> <body> <div id="pop_star"> <div id="target_score">目标分数:2000</div> <div id="now_score">当前分数:0</div> <div id="select_score">0块 0分</div> </div> </body> </html>
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
文章题目:js实现消灭星星(web简易版)-创新互联
URL网址:https://www.cdcxhl.com/article8/csjcip.html
成都网站建设公司_创新互联,为您提供网页设计公司、App设计、域名注册、小程序开发、做网站、商城网站
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联