怪兽吃糖果

欢迎来到程序小院

怪兽吃糖果

玩法:左右飞出的糖果,点击鼠标糖果即为怪兽吃掉,不同的糖果不同的分数奖励,
吃不掉的糖果会扣除一次生命,共三次生命值,点击炸弹游戏结束,快去吃糖果吧^^

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

html

  <canvas width="640" height="960"></canvas>

css

canvas {
  display: block; 
  touch-action: none; 
  user-select: none; 
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
  width: 367px; 
  height: 550px; 
  margin-left: 357px; 
  margin-top: 0px; 
  cursor: inherit;
  }

js

var a = this,
 b = b || {};
 b.WEBGL_RENDERER = 0,
 b.CANVAS_RENDERER = 1,
 b.VERSION = "v1.6.1",
 b.blendModes = {
  NORMAL: 0,
  ADD: 1,
  MULTIPLY: 2,
  SCREEN: 3,
  OVERLAY: 4,
  DARKEN: 5,
  LIGHTEN: 6,
  COLOR_DODGE: 7,
  COLOR_BURN: 8,
  HARD_LIGHT: 9,
  SOFT_LIGHT: 10,
  DIFFERENCE: 11,
  EXCLUSION: 12,
  HUE: 13,
  SATURATION: 14,
  COLOR: 15,
  LUMINOSITY: 16
 },
 b.scaleModes = {
  DEFAULT: 0,
  LINEAR: 0,
  NEAREST: 1
 },
 b._UID = 0,
 "undefined" != typeof Float32Array ? (b.Float32Array = Float32Array, 
  b.Uint16Array = Uint16Array) : (b.Float32Array = Array, b.Uint16Array = Array),
 b.INTERACTION_FREQUENCY = 30,
 b.AUTO_PREVENT_DEFAULT = !0,
 b.RAD_TO_DEG = 180 / Math.PI,
 b.DEG_TO_RAD = Math.PI / 180,
 b.dontSayHello = !1,
 b.sayHello = function(a) {
  if (!b.dontSayHello) {
   if (navigator.userAgent.toLowerCase().indexOf("chrome") > -1) {
    var c = ["%c %c %c Pixi.js " + b.VERSION + " - " + a + "  %c  %c  
        http://www.pixijs.com/  %c %c ♥%c♥%c♥ ", "background: #ff66a5", 
        "background: #ff66a5", "color: #ff66a5; background: #030307;", 
        "background: #ff66a5", "background: #ffc3dc", "background: #ff66a5", 
        "color: #ff2424; background: #fff", "color: #ff2424; background: 
        #fff", "color: #ff2424; background: #fff"];
    console.log.apply(console, c)
   } else window.console && console.log("Pixi.js " + b.VERSION + " - 
      http://www.pixijs.com/");
   b.dontSayHello = !0
  }
 },
 b.Matrix = function() {
  this.a = 1,
  this.b = 0,
  this.c = 0,
  this.d = 1,
  this.tx = 0,
  this.ty = 0
 },
 b.Matrix.prototype.fromArray = function(a) {
  this.a = a[0],
  this.b = a[1],
  this.c = a[3],
  this.d = a[4],
  this.tx = a[2],
  this.ty = a[5]
 },
 b.Matrix.prototype.toArray = function(a) {
  this.array || (this.array = new Float32Array(9));
  var b = this.array;
  return a ? (b[0] = this.a, b[1] = this.c, b[2] = 0, b[3] = this.b, b[4] 
    = this.d, b[5] = 0, b[6] = this.tx, b[7] = this.ty, b[8] = 1) : (b[0] 
    = this.a, b[1] = this.b, b[2] = this.tx, b[3] = this.c, b[4] = this.d, b[5] 
    = this.ty, b[6] = 0, b[7] = 0, b[8] = 1),
  b
 },
 b.Matrix.prototype.apply = function(a, c) {
  return c = c || new b.Point,
  c.x = this.a * a.x + this.b * a.y + this.tx,
  c.y = this.c * a.x + this.d * a.y + this.ty,
  c
 },
 b.Matrix.prototype.applyInverse = function(a, c) {
  c = c || new b.Point;
  var d = 1 / (this.a * this.d + this.b * -this.c);
  return c.x = this.d * d * a.x - this.b * d * a.y + (this.ty * this.b - 
    this.tx * this.d) * d,
  c.y = this.a * d * a.y - this.c * d * a.x + (this.tx * this.c - this.ty * this.a) 
    * d,
  c
 },
 b.identityMatrix = new b.Matrix,
 b.determineMatrixArrayType = function() {
  return "undefined" != typeof Float32Array ? Float32Array: Array
 },
 b.Matrix2 = b.determineMatrixArrayType(),
 b.DisplayObject = function() {
  this.position = new b.Point,
  this.scale = new b.Point(1, 1),
  this.pivot = new b.Point(0, 0),
  this.rotation = 0,
  this.alpha = 1,
  this.visible = !0,
  this.hitArea = null,
  this.buttonMode = !1,
  this.renderable = !1,
  this.parent = null,
  this.stage = null,
  this.worldAlpha = 1,
  this._interactive = !1,
  this.defaultCursor = "pointer",
  this.worldTransform = new b.Matrix,
  this.color = [],
  this.dynamic = !0,
  this._sr = 0,
  this._cr = 1,
  this.filterArea = null,
  this._bounds = new b.Rectangle(0, 0, 1, 1),
  this._currentBounds = null,
  this._mask = null,
  this._cacheAsBitmap = !1,
  this._cacheIsDirty = !1
 },

源码

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

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

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

Pyhon基于YOLOV实现的车辆品牌及型号检测项目源码+模型+项目文档

项目运行运行录屏&#xff1a; Pyhon基于YOLOV实现的车辆品牌及型号检测项目运行录屏 完整代码下载地址&#xff1a;Pyhon基于YOLOV实现的车辆品牌及型号检测项目 项目背景&#xff1a; 车辆检测及型号识别广泛应用于物业&#xff0c;交通等的管理场景中。通过在停车场出入口…

在Spring Cloud中实现Feign声明式服务调用客户端

如果你学过Spring Cloud&#xff0c;你应该知道我们可以通过OpenFeign从一个服务中调用另一个服务&#xff0c;我们一般采用的方式就是定义一个Feign接口并使用FeignClient注解来进行标注&#xff0c;feign会默认为我们创建的接口生成一个代理对象。 当我们在代码中调用Feign接…

Leetcode143 重排链表

重排链表 题解1 线性表 给定一个单链表 L 的头节点 head &#xff0c;单链表 L 表示为&#xff1a; L0 → L1 → … → Ln - 1 → Ln请将其重新排列后变为&#xff1a; L0 → Ln → L1 → Ln - 1 → L2 → Ln - 2 → …不能只是单纯的改变节点内部的值&#xff0c;而是需要实际…

【Week P1】 MNIST手写数字识别

文章目录 一、环境配置1.1 安装环境1.2 设置环境&#xff0c;开始本文内容 二、准备数据三、搭建网络结构四、开始训练五、查看训练结果六、总结2.1 ⭐ torchvision.datasets.MNIST详解(Line4 & Line9)2.2 ⭐ torch.utils.data.DataLoader详解(Line4 & Line9)2.3 ⭐ sq…

C类核心论文复现:基于电力系统碳排放流理论的碳排放分摊模型研究程序代码!

本程序参考中文核心论文《基于电力系统碳排放流理论的碳排放分摊模型研究》&#xff0c;文中运用潮流追踪对系统网损引起的碳排放进行分配定量&#xff0c;最后得到系统实时碳排放的产权分配结果&#xff0c;程序较为简单和基础&#xff0c;具有较强的可扩展性和适用性&#xf…

路由器静态路由的配置

路由器静态路由的配置步骤如下&#xff1a; 进入系统视图。输入命令sys进入系统视图。配置路由器的接口IP地址。命令格式为int g0/0/0&#xff0c;其中g0/0/0表示路由器的接口&#xff0c;可以根据实际情况进行修改。然后使用命令ip add配置接口的IP地址。配置下一跳地址。在静…

【IDEA】IntelliJ IDEA创建一个Maven项目

在IDEA中创建Maven项目&#xff0c;前提是已经安装配置好Maven环境 。 本文主要使用的是IntelliJ IDEA 2022.2.1 (Community Edition) 1.创建一个新project:File>Project 2.修改Maven配置&#xff1a;File>Settings>搜索maven 创建好的工程如下&#xff1a; src/main…

应用在MiniLED电视领域中的MiniLED背光技术

众所周知&#xff0c;液晶技术发展至今仍旧无法避免自身的一些短板。随着消费升级等因素的影响&#xff0c;大家对于电视画质层面有了更高的需求与期待。所以在近的几年里&#xff0c;大厂们都在寻求能够替代LCD液晶的更优秀的显示技术。这其中&#xff0c;Mini LED势头惊人&am…

音乐制作软件Studio One mac软件特点

Studio One mac是一款专业的音乐制作软件&#xff0c;由美国PreSonus公司开发。该软件提供了全面的音频编辑和混音功能&#xff0c;包括录制、编曲、合成、采样等多种工具&#xff0c;可用于制作各种类型的音乐&#xff0c;如流行音乐、电子音乐、摇滚乐等。 Studio One mac软件…

iOS应用程序签名、重签名及安装测试优化指南

iOS应用程序的签名、重签名和安装测试 ipa编译出来后&#xff0c;或者ipa进行修改后&#xff0c;需要进行重新签名才能安装到测试手机&#xff0c;或者提交app store供apple 商店审核上架。ipaguard有签名和重签名功能&#xff0c;能在windows&#xff0c;mac&#xff0c;和li…

opencv cpp的安装

搞了半天, 可算弄好了. vs opencv cpp: https://blog.csdn.net/weixin_50918736/article/details/130176469?spm1001.2101.3001.6650.1&utm_mediumdistribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1-130176469-blog-127627204.235%5Ev39%5Epc_relev…

QDialog子类的使用

背景&#xff1a; 我用Qt designer实现了如下效果&#xff1a; 但在实际使用的时候&#xff0c;发现OK和Cancel按钮点是点不动的。 解决方法&#xff1a; 需要手动添加相关信号槽函数&#xff1a; connect(ui.buttonBox, SIGNAL(accepted()), this, SLOT(accept()));connect…

C语言定长数组 变长数组 柔性数组

C语言定长数组 变长数组 柔性数组 文章目录 C语言定长数组 变长数组 柔性数组1. 定长数组2. 变长数组3. 柔性数组3.1 结构体的大小3.2 柔性数组的使用 1. 定长数组 在C99标准之前&#xff0c;C语言在创建数组的时候&#xff0c;数组的大小只能使用常量&#xff0c;常量表达式来…

后端只打印了info等级的日志?-SpringBoot日志打印-Slf4j

在调用log变量的方法来输出日志时&#xff0c;有以上5个级别对应的方法&#xff0c;从不太重要&#xff0c;到非常重要 调用不同的方法&#xff0c;就会输出不同级别的日志。 trace&#xff1a;跟踪信息debug&#xff1a;调试信息info&#xff1a;一般信息warn&#xff1a;警告…

一个最小的物联网系统设计方案及源码(一)——系统组成

关于物联网 物联网&#xff08;Internet of Things&#xff0c;缩写IOT&#xff09;是一个基于互联网、传统电信网等信息承载体&#xff0c;让所有能够被独立寻址的普通物理对象实现互联互通的网络。 物联网一般为无线网&#xff0c;由于每个人周围的设备可以达到一千至五千个&…

css选择器介绍

css选择器介绍 01 css概念介绍 用于更改标签的视觉效果 02 css格式 选择器 {属性1&#xff1a;值1&#xff1b;属性2&#xff1a;值2} 03 三种样式 1.内联样式 直接写在标签的style属性中。 优点&#xff1a;简单明显缺点&#xff1a;无法重复使用代码 <img src&quo…

【Pandas】时间序列数据按年聚合

想做什么 有一个时间序列数据&#xff0c;希望按财政年度而不只是按年对其进行汇总。 例如以下“账单信息”&#xff0c;并希望按财政年度对其进行总计。 import pandas as pd# 样本数据 data {计费月份: [2020-02-01, 2020-05-01, 2021-02-01, 2021-04-01],计费ID: [1, 2,…

MongoDB表的主键可以重复?!MongoDB的坑

MongoDB表的主键可以重复&#xff1f;&#xff01; 眼见为实&#xff1f; 碰到一个奇怪的现象&#xff0c; MongoDB的一个表居然有两个一样的_id值&#xff01; 再次提交时&#xff0c;是会报主键冲突的。那上图&#xff0c;为什么会有两个一样的_id呢&#xff1f; 将它们的…

Redis - 事务隔离机制

Redis 的事务的本质是 一组命令的批处理 。这组命令在执行过程中会被顺序地、一次性 全部执行完毕&#xff0c;只要没有出现语法错误&#xff0c;这组命令在执行期间是不会被中断。 当事务中的命令出现语法错误时&#xff0c;整个事务在 exec 执行时会被取消。 如果事务中的…

Linux中的堡垒机搭建以及使用

JumpServer搭建 安装应用包 curl -sSL https://resource.fit2cloud.com/jumpserver/jumpserver/releases/latest/download/quick_start.sh | bash 一路回车即可安装完毕&#xff08;可根据需求更改&#xff09; JumpServer的 配置文件路径 /opt/jumpserver/config/config.tx…