消除蛋蛋派

欢迎来到程序小院

消除蛋蛋派

玩法:消除游戏,三个相同形状的蛋蛋连成一条直线即可消除,点击鼠标左键移动球球进行消除,
可以使用道具,共有50关卡,快去闯关吧^^。

开始游戏icon-default.png?t=N7T8https://www.ormcc.com/play/gameStart/225

html

  <div id="gameContainer" style="position: relative;"><div id = "game"></div></div>

css

*{margin:0;padding:0}
html, body
{-webkit-text-size-adjust:none;overflow: hidden;height:100%;
}

js

gameTimer : function(){this.gameTimeCounter++;if(this.gameTimeCounter == 1){this.automatedChecking();}if(!configObj.levelClear){if(this.monsterAnimIndex != undefined && this.monsterContainer[this.monsterAnimIndex]!= undefined && this.monsterContainer[this.monsterAnimIndex].type != "universal" && this.gameTimeCounter % 4 == 0){this.monsterContainer[this.monsterAnimIndex].animations.stop(true, false);}var index = Math.floor(Math.random() * 48);if(index != this.monsterAnimIndex && this.gameTimeCounter % 4 == 0 && this.monsterContainer[index] != undefined && this.monsterContainer[index].monsterType != "block"){this.monsterContainer[index].play('blinkEyes', 1.5, true);this.monsterAnimIndex = index;}if(this.startHintTimer){this.hintTimer++;if(this.hintTimer % 10 == 0 && this.startHintTimer){this.hintArray.splice(0, this.hintArray.length);this.showHint();this.startHintTimer = false;}}}
},
generateRandomNo : function(){this.setButtonState(true);for(var i = 0; i < configObj.totalRows; i++){for(var j = 0; j < configObj.totalCols; j++){this.randomNoContainer[i][j] = Math.floor(Math.random() * 6);}}this.verifyContainer();
},
verifyContainer : function(){for(var i = 0; i < configObj.totalRows; i++){for(var j = 0; j < configObj.totalCols; j++){if((j + 1)  < configObj.totalRows && this.randomNoContainer[i][j] == this.randomNoContainer[i][j + 1]){if((j + 2)  < configObj.totalRows && this.randomNoContainer[i][j + 1] == this.randomNoContainer[i][j + 2]){this.randomNoContainer[i][j + 2] = this.replaceValue(this.randomNoContainer[i][j + 2]);}}if((i + 1)  < configObj.totalCols && this.randomNoContainer[i][j] == this.randomNoContainer[i + 1][j]){if((i + 2)  < configObj.totalCols && this.randomNoContainer[i + 1][j] == this.randomNoContainer[i + 2][j]){this.randomNoContainer[i + 2][j] = this.replaceValue(this.randomNoContainer[i + 2][j]);}}}}this.generateMonsters();
},
generateMonsters : function(){if(this.inGameTutorial){this.MonsterState = " stady";}var xPos = configObj.gridStartXPos;for(var i = 0; i < configObj.totalRows; i++){for(var j = 0; j < configObj.totalCols; j++){if(this.currentLevelData.block.indexOf(this.index) != -1){this.monsterContainer[this.index] = configObj.game.add.sprite(xPos, this.gridStartYPos, "spriteAtlas1", "block_box.png");this.blockLayer.add(this.monsterContainer[this.index]);this.monsterContainer[this.index].imageId = 7;this.monsterContainer[this.index].anchor.setTo(1, 1);this.monsterContainer[this.index].monsterType = "block";}else if(this.powUpMonster.length > 0 && this.powUpMonster.hasOwnProperty(this.index)){if(this.powUpMonster[this.index].monsterType == "super"){this.monsterContainer[this.index] = configObj.game.add.sprite(xPos, 10, 'super'+this.powUpMonster[this.index].imageId);this.MonsterLayer.add(this.monsterContainer[this.index]);this.monsterContainer[this.index].loadTexture('super'+this.powUpMonster[this.index].imageId, 0);this.monsterContainer[this.index].animations.add('blinkEyes');this.monsterContainer[this.index].imageId = this.powUpMonster[this.index].imageId;//combination - Type -> 3 - Normal, 4 - superMonster,5 - universalMonster, Blockthis.monsterContainer[this.index].monsterType = "super";}else{this.monsterContainer[this.index] = configObj.game.add.sprite(xPos, 10, "universal");this.monsterContainer[this.index].imageId = 6;this.monsterContainer[this.index].monsterType = "universal";}this.monsterContainer[this.index].anchor.setTo(1, 1);this.monsterContainer[this.index].inputEnabled = true;this.monsterContainer[this.index].events.onInputDown.add(this.mouseDownCallBack.bind(this,this.monsterContainer[this.index]), this);this.monsterContainer[this.index].events.onInputUp.add(this.mouseUpCallBack.bind(this,this.monsterContainer[this.index]), this);}else{var temp = this.randomNoContainer[i][j];this.monsterContainer[this.index] = configObj.game.add.sprite(xPos, 10, 'monster'+temp);this.MonsterLayer.add(this.monsterContainer[this.index]);this.monsterContainer[this.index].loadTexture('monster'+temp, 0);this.monsterContainer[this.index].animations.add('blinkEyes');this.monsterContainer[this.index].imageId = temp;this.monsterContainer[this.index].anchor.setTo(1, 1);this.monsterContainer[this.index].inputEnabled = true;this.monsterContainer[this.index].events.onInputDown.add(this.mouseDownCallBack.bind(this,this.monsterContainer[this.index]), this);this.monsterContainer[this.index].events.onInputUp.add(this.mouseUpCallBack.bind(this,this.monsterContainer[this.index]), this);
//               combination - Type -> 3 - Normal, 4 - superMonster, 
5 - universalMonster, Blockthis.monsterContainer[this.index].monsterType = "normal";}configObj.objYPositionContainer.push(this.gridStartYPos);xPos += configObj.gapBetweenObj;this.index++;}this.gridStartYPos += configObj.gapBetweenObj;xPos = configObj.gridStartXPos;}this.powUpMonster.splice(0, this.powUpMonster.length);this.containerSize = this.monsterContainer.length;if(this.currentLevelData.jelly.length > 0 && this.jellyContianer.length == 0){for(var i = 0; i < this.currentLevelData.jelly.length; i++){this.jellyContianer[i] = configObj.game.add.sprite(this.monsterContainer[this.currentLevelData.jelly[i]].x, configObj.objYPositionContainer[this.currentLevelData.jelly[i]],"spriteAtlas1", "jelly.png");this.jellyContianer[i].anchor.setTo(1, 1);this.jellyLayer.add(this.jellyContianer[i]);this.jellyBreakContianer[i] = configObj.game.add.sprite(this.monsterContainer[this.currentLevelData.jelly[i]].x, configObj.objYPositionContainer[this.currentLevelData.jelly[i]], 'jelly_animation');this.jellyBreakContianer[i].anchor.setTo(0.6, 0.63);this.jellyBreakContianer[i].loadTexture('jelly_animation', 0);this.jellyBreakContianer[i].animations.add('jelly_animation');this.jellyBreakContianer[i].visible = false;this.jellyLayer.add(this.jellyBreakContianer[i]);}}this.startDropAnim();
},

源码

需要源码请关注添加好友哦^ ^

转载:欢迎来到本站,转载请注明文章出处https://ormcc.com/

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/294094.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

iOS 开发设计 App 上架符合要求的截图

1. 真机运行截屏 2. 可以在 Apple developer 官网 Design 下找到 iPhone 边框 https://developer.apple.com/design/resources/ 不用这个边框也行&#xff0c;可以参考已上架 App 的图片框 3. 使用 Procreate&#xff08;PhotoShop&#xff09;创建符合要求的画布大小 4. 导入…

2024年ICON设计趋势

我的新书《Android App开发入门与实战》已于2020年8月由人民邮电出版社出版&#xff0c;欢迎购买。点击进入详情 目录 极简主义 三维形式和现实主义 抽象主义与几何 微交互和动画 艺术装饰 有机和可持续 颗粒感美学 图标设计最佳实践 图标在品牌塑造中的作用 图标是用…

spring aop实际开发中怎么用,Spring Boot整合AOP,spring boot加spring mvc一起使用aop,项目中使用aop

前言&#xff1a;本文不介绍 AOP 的基本概念、动态代理方式实现 AOP&#xff0c;以及 Spring 框架去实现 AOP。本文重点介绍 Spring Boot 项目中如何使用 AOP&#xff0c;也就是实际项目开发中如何使用 AOP 去实现相关功能。 如果有需要了解 AOP 的概念、动态代理实现 AOP 的&…

YB75XXH系列是采用CMOS工艺制造,低功耗的高压稳压器

YB75xxH 高耐压线性稳压器 ■产品简介&#xff1a; YB75XXH系列是采用CMOS工艺制造&#xff0c;低功耗的高压稳压器&#xff0c;最高输入电压可达25V,输出电压范围为1.5V一12.0V。它具有高精度的输出电压、极低的供电电流、极低的跌落电压等特点。 ■产品特点&#xff1a; …

持续集成交付CICD:GitLabCI 封装Python类 并结合 ArgoCD 完成前端项目应用发布

目录 一、实验 1. 环境 2. Python代码实现获取文件 3.Python代码实现创建文件 4.Python代码实现更新文件 5.GitLab更新库文件与运行流水线 6.ArgoCD 完成前端项目应用发布 二、问题 1.Python获取GitLab指定仓库文件报错 2. K8S master节点运行Python代码报错 一、实验…

R语言贝叶斯网络模型、INLA下的贝叶斯回归、R语言现代贝叶斯统计学方法、R语言混合效应(多水平/层次/嵌套)模型

目录 ㈠ 基于R语言的贝叶斯网络模型的实践技术应用 ㈡ R语言贝叶斯方法在生态环境领域中的高阶技术应用 ㈢ 基于R语言贝叶斯进阶:INLA下的贝叶斯回归、生存分析、随机游走、广义可加模型、极端数据的贝叶斯分析 ㈣ 基于R语言的现代贝叶斯统计学方法&#xff08;贝叶斯参数估…

使用Aspose.Slides 控件,在线将 ODP 转换为 PPT

OpenOffice 等开源生产力工具有其用途。但如果您希望在线将 ODP 转换为 PPT&#xff0c;您很可能已经确定 Microsoft PowerPoint 的专有 PPT 格式和平台比 OpenOffice ODP 更适合您的需求。 本文的第一部分重点介绍在线将 ODP 转换为 PPT 的快速方法。第二部分探讨涉及C#应用程…

IntelliJ IDEA 2020将SpringMVC项目打成war包

一 、打开 Project Structure 进行配置 1. 打开方式 &#xff08;1&#xff09;CtrlAltShiftS &#xff08;2&#xff09;File->Project Structure &#xff08;3&#xff09;点击如下图标&#xff1a; 2. 进入 Project Structure&#xff0c;添加Artifacts Web Applica…

动物分类识别教程+分类释义+界面展示

1.项目简介 动物分类教程分类释义界面展示 动物分类是生物学中的一个基础知识&#xff0c;它是对动物进行分类、命名和描述的科学方法。本教程将向您介绍动物分类的基本原则和方法&#xff0c;并提供一些常见的动物分类释义。 动物分类的基本原则 动物分类根据动物的形态、…

MySQL数据库 触发器

目录 触发器概述 语法 案例 触发器概述 触发器是与表有关的数据库对象&#xff0c;指在insert/update/delete之前(BEFORE)或之后(AFTER)&#xff0c;触发并执行触发器中定义的soL语句集合。触发器的这种特性可以协助应用在数据库端确保数据的完整性&#xff0c;日志记录&am…

YOLOv8改进 | 主干篇 | 利用MobileNetV3替换Backbone(轻量化网络结构)

一、本文介绍 本文给大家带来的改进机制是MobileNetV3&#xff0c;其主要改进思想集中在结合硬件感知的网络架构搜索&#xff08;NAS&#xff09;和NetAdapt算法&#xff0c;以优化移动设备CPU上的性能。它采用了新颖的架构设计&#xff0c;包括反转残差结构和线性瓶颈层&…

ffmpeg 硬件解码零拷贝unity 播放

ffmpeg硬件解码问题 ffmpeg 在硬件解码&#xff0c;一般来说&#xff0c;我们解码使用cuda方式&#xff0c;当然&#xff0c;最好的方式是不要确定一定是cuda&#xff0c;客户的显卡不一定有cuda&#xff0c;windows 下&#xff0c;和linux 下要做一些适配工作&#xff0c;最麻…