回归前端学习第26天-实现俄罗斯方块小游戏9(实现单机版,一个计时带干扰的单机版俄罗斯方块小游戏完成)

news/2024/10/21 7:51:14/

最终完善单机版俄罗斯方块小游戏,增加干扰功能——每10秒增加一行

  • 增加干扰功能
    • game.js中加入addBotLine函数
    • local.js中加入

增加干扰功能

game.js中加入addBotLine函数

// 底部增加行var addBotLine = function (lines) {for (var i=0; i<gameData.length - lines.length; i++) { // 行上移gameData[i] = gameData[i + lines.length];}for (var i=0; i<lines.length; i++) {gameData[gameData.length - lines.length + i] = lines[i];}cur.origin.x = cur.origin.x - lines.length;if (cur.origin.x < 0) {cur.origin.x = 0;}refreshDiv(gameData, gameDivs);}

local.js中加入

 // 随机生成干扰行var generateBotLine = function (lineNum) {var lines = [];for (var i = 0; i < lineNum; i++) {var line = [];for (var j = 0; j < 10; j++) {line.push(Math.ceil(Math.random() * 2) - 1); // 生成 0 1 随机数}lines.push(line);}return lines;}
// 计时函数var timeFunc = function () {timeCount += 1;if (timeCount == 5) {timeCount = 0;time += 1;game.setTime(time);if (time % 10 == 0) { // 10秒生成一行game.addBotLine(generateBotLine(1));}}}

在这里插入图片描述


http://www.ppmy.cn/news/475450.html

相关文章

JSP版俄罗斯发方块+用户积分排行榜

一、游戏截图 二、查看所有成绩 三、技术原理&#xff1a; 学习过程是循序渐进的&#xff1a; 1.俄罗斯方块第1版&#xff1a;能移动&#xff0c;能接收按键&#xff0c;刷新画面。 https://blog.csdn.net/weixin_42644456/article/details/103080277 2.俄罗斯方块第2版&am…

阿里云1分钟部署经典小游戏(2048,Flappy Bird,俄罗斯方块,超级马里奥)

简介 场景指导您通过Serverless应用引擎SAE实现开箱即用、快速部署经典小游戏&#xff0c;包括2048、俄罗斯方块、超级马里奥和Flappy Bird。 必读实验说明&#xff08;总结&#xff0c;云产品需收费&#xff09; SLB起充100 可提现 按照操作文档&#xff0c;完成所有任务&…

H5 游戏 俄罗斯方块 双人互动游戏

最近在慕课网上看到了一个课程是关于俄罗斯方块的。用到了socket.io 做双屏互动的游戏。正好最近在看websocket所以就把整个课程看完了&#xff0c;感觉很有意思&#xff0c;这里用一篇文章仔细的分析下这个游戏的制作思路。 实际在操作的时候&#xff0c;对方游戏区域会同步对…

python编的俄罗斯方块游戏_Python使用pygame模块编写俄罗斯方块游戏的代码实例

文章先介绍了关于俄罗斯方块游戏的几个术语。 边框——由10*20个空格组成&#xff0c;方块就落在这里面。 盒子——组成方块的其中小方块&#xff0c;是组成方块的基本单元。 方块——从边框顶掉下的东西&#xff0c;游戏者可以翻转和改变位置。每个方块由4个盒子组成。 形…

软件设计实战:基于Java的俄罗斯方块游戏【完整版】

个人简介 &#x1f468;&#x1f3fb;‍&#x1f4bb;个人主页&#xff1a;陈橘又青 &#x1f3c3;&#x1f3fb;‍♂️博客记录心情&#xff0c;代码编写人生。 &#x1f31f;如果文章对你有用&#xff0c;麻烦关注点赞收藏走一波&#xff0c;感谢支持&#xff01; &#x1f3…

基于Vue的俄罗斯方块游戏设计与实现

资源下载地址&#xff1a;https://download.csdn.net/download/sheziqiong/86163371 资源下载地址&#xff1a;https://download.csdn.net/download/sheziqiong/86163371 本项目灵感来源于 React 版的俄罗斯方块,由于对其实现原理较感兴趣,而且相比于 React 更喜欢 Vue, 于是把…

慕课火拼俄罗斯方块

之前学WebSocket看了慕课网上课程——火拼俄罗斯&#xff0c;蛮好玩的&#xff0c;就自己跟着敲了两天&#xff0c;我就不讲代码了&#xff0c;大家可以去看看视频老师讲的蛮好的&#xff0c;来一波我跟着敲的资源 先是单机版俄罗斯方块&#xff08;下载地址&#xff1a;http:…

回归前端学习第24天-实现俄罗斯方块小游戏7(实现单机版3—实现消行、更新方块、结束)

更改game.js、local.js、 game.js中加入代码使用下一个方块设置到底部后&#xff0c;方块定住并换色实现消行、游戏结束最后导出整体代码 local.js代码move函数更改随机生成下一个方块修改开始函数&#xff0c;增加结束函数 game.js中加入代码 使用下一个方块 // 使用下一个方…