命悬一线小游戏

news2024/10/7 12:27:55

欢迎来到程序小院

命悬一线

玩法:
点击鼠标人物摆动跳跃,松开鼠标跳到方格上面,每跳一次都会有对应的分数统计,不要让人物掉下哦^^。

开始游戏

html

<canvas id="jsGameScreen"></canvas>

css

.bandiv{
  float:left; 
  width:100%; 
  background-color:#DBD1BB;
}
.bandiv div{
  padding:10px; 
  text-align:left;
}

js

var s = {
  x: (b.canvas.screen.getWidth() - 126) / 2,
  y: 180,
  w: 126,
  h: 35,
  isPressed: !1,
  draw: D
},
u = {
  x: (b.canvas.screen.getWidth() - 126) / 2,
  y: 260,
  w: 126,
  h: 35,
  isPressed: !1,
  draw: D
},
p = {
  x: (b.canvas.screen.getWidth() - 126) / 2,
  y: 620,
  w: 126,
  h: 35,
  isPressed: !1,
  draw: D
},
q = {
  x: (b.canvas.screen.getWidth() - 126) / 2,
  y: 700,
  w: 126,
  h: 35,
  isPressed: !1,
  draw: D
},
I = {
  x: 5,
  y: b.canvas.screen.getHeight() - 50,
  w: 49,
  h: 22,
  isPressed: !1,
  draw: D
},
Aa = {
  x: 165,
  y: 300,
  w: 75,
  h: 70,
  isPressed: !1,
  draw: D
},
Ba = {
  x: 240,
  y: 300,
  w: 75,
  h: 70,
  isPressed: !1,
  draw: D
},
m = {
  x: (b.canvas.screen.getWidth() - 126) / 2,
  y: 620,
  w: 126,
  h: 35,
  isPressed: !1,
  draw: D
},
n = {
  x: (b.canvas.screen.getWidth() - 126) / 2,
  y: 700,
  w: 126,
  h: 35,
  isPressed: !1,
  draw: D
},
c = {
  stateType: {
      ready: 0,
      start: 1,
      over: 2
  },
  renStateType: {
      standing: 0,
      moving: 1,
      throwing: 2,
      startSwinging: 3,
      swinging: 4,
      flying: 5,
      landing: 6,
      anxiousLeft: 7,
      anxiousRight: 8,
      crashing: 9,
      reactivating: 10
  },
  lineStateType: {
      holding: 0,
      shooting: 1,
      startSwinging: 2,
      swinging: 3,
      flying: 4
  }
},
l = {
  frames: [{
      i: 0,
      sx: 12,
      sy: 1,
      width: 20,
      height: 32,
      dx: 0,
      dy: 0,
      ssx: 0,
      ssy: 0
  },
      {
          i: 1,
          sx: 53,
          sy: 0,
          width: 20,
          height: 33,
          dx: 0,
          dy: 0,
          ssx: 0,
          ssy: 0
      },
      {
          i: 2,
          sx: 94,
          sy: 1,
          width: 20,
          height: 32,
          dx: 0,
          dy: 1,
          ssx: 0,
          ssy: 0
      },
      {
          i: 3,
          sx: 135,
          sy: 3,
          width: 20,
          height: 30,
          dx: 0,
          dy: 2,
          ssx: 0,
          ssy: 0
      },
      {
          i: 4,
          sx: 177,
          sy: 3,
          width: 21,
          height: 30,
          dx: 0,
          dy: 4,
          ssx: 0,
          ssy: 0
      },
      {
          i: 5,
          sx: 219,
          sy: 3,
          width: 22,
          height: 30,
          dx: 2,
          dy: 4,
          ssx: 0,
          ssy: 0
      },
      {
          i: 6,
          sx: 14,
          sy: 46,
          width: 24,
          height: 28,
          dx: 3,
          dy: 4,
          ssx: 0,
          ssy: 0
      },
      {
          i: 7,
          sx: 45,
          sy: 49,
          width: 23,
          height: 25,
          dx: -8,
          dy: 7,
          ssx: 0,
          ssy: 0
      },
      {
          i: 8,
          sx: 86,
          sy: 49,
          width: 23,
          height: 25,
          dx: -8,
          dy: 7,
          ssx: 0,
          ssy: 0
      },
      {
          i: 9,
          sx: 214,
          sy: 46,
          width: 20,
          height: 28,
          dx: 2,
          dy: 5,
          ssx: 6,
          ssy: 14
      },
      {
          i: 10,
          sx: 173,
          sy: 44,
          width: 20,
          height: 30,
          dx: 2,
          dy: 3,
          ssx: 6,
          ssy: 16
      },
      {
          i: 11,
          sx: 132,
          sy: 42,
          width: 20,
          height: 32,
          dx: 2,
          dy: 1,
          ssx: 8,
          ssy: 16
      },
      {
          i: 12,
          sx: 12,
          sy: 85,
          width: 20,
          height: 33,
          dx: 0,
          dy: 0,
          ssx: 1,
          ssy: 16
      },
      {
          i: 13,
          sx: 53,
          sy: 81,
          width: 20,
          height: 36,
          dx: 0,
          dy: 0,
          ssx: 1,
          ssy: 18
      },
      {
          i: 14,
          sx: 95,
          sy: 88,
          width: 20,
          height: 33,
          dx: 0,
          dy: 0,
          ssx: 1,
          ssy: 15
      },
      {
          i: 15,
          sx: 136,
          sy: 90,
          width: 21,
          height: 32,
          dx: -1,
          dy: 0,
          ssx: -1,
          ssy: 15
      },
      {
          i: 16,
          sx: 176,
          sy: 91,
          width: 22,
          height: 31,
          dx: -1,
          dy: -1,
          ssx: 1,
          ssy: 11
      },
      {
          i: 17,
          sx: 215,
          sy: 92,
          width: 24,
          height: 31,
          dx: -2,
          dy: -1,
          ssx: 1,
          ssy: 10
      },
      {
          i: 18,
          sx: 5,
          sy: 133,
          width: 29,
          height: 27,
          dx: -5,
          dy: -3,
          ssx: 2,
          ssy: 8
      },
      {
          i: 19,
          sx: 41,
          sy: 133,
          width: 34,
          height: 22,
          dx: -7,
          dy: -5,
          ssx: 5,
          ssy: 5
      },
      {
          i: 20,
          sx: 85,
          sy: 133,
          width: 31,
          height: 20,
          dx: -6,
          dy: -6,
          ssx: 6,
          ssy: 4
      },
      {
          i: 21,
          sx: 126,
          sy: 133,
          width: 31,
          height: 20,
          dx: -6,
          dy: -6,
          ssx: 7,
          ssy: 4
      },
      {
          i: 22,
          sx: 164,
          sy: 133,
          width: 34,
          height: 22,
          dx: -7,
          dy: -5,
          ssx: 0,
          ssy: 0
      },
      {
          i: 23,
          sx: 210,
          sy: 133,
          width: 29,
          height: 27,
          dx: -5,
          dy: -3,
          ssx: 0,
          ssy: 0
      },
      {
          i: 24,
          sx: 7,
          sy: 173,
          width: 27,
          height: 30,
          dx: -4,
          dy: -1,
          ssx: 0,
          ssy: 0
      },
      {
          i: 25,
          sx: 51,
          sy: 170,
          width: 23,
          height: 34,
          dx: -2,
          dy: 1,
          ssx: 0,
          ssy: 0
      },
      {
          i: 26,
          sx: 95,
          sy: 170,
          width: 20,
          height: 34,
          dx: 0,
          dy: 1,
          ssx: 0,
          ssy: 0
      },
      {
          i: 27,
          sx: 135,
          sy: 168,
          width: 20,
          height: 34,
          dx: 0,
          dy: 1,
          ssx: 0,
          ssy: 0
      },
      {
          i: 28,
          sx: 178,
          sy: 164,
          width: 20,
          height: 32,
          dx: 0,
          dy: 0,
          ssx: 0,
          ssy: 0
      },
      {
          i: 29,
          sx: 217,
          sy: 167,
          width: 20,
          height: 30,
          dx: 0,
          dy: 1,
          ssx: 0,
          ssy: 0
      },
      {
          i: 30,
          sx: 12,
          sy: 207,
          width: 20,
          height: 31,
          dx: 0,
          dy: 1,
          ssx: 0,
          ssy: 0
      },
      {
          i: 31,
          sx: 55,
          sy: 207,
          width: 20,
          height: 31,
          dx: 0,
          dy: 2,
          ssx: 0,
          ssy: 0
      },
      {
          i: 32,
          sx: 94,
          sy: 207,
          width: 20,
          height: 31,
          dx: -2,
          dy: 1,
          ssx: 0,
          ssy: 0
      },
      {
          i: 33,
          sx: 132,
          sy: 209,
          width: 20,
          height: 29,
          dx: 0,
          dy: 2,
          ssx: 0,
          ssy: 0
      },
      {
          i: 34,
          sx: 175,
          sy: 207,
          width: 20,
          height: 31,
          dx: 2,
          dy: 1,
          ssx: 0,
          ssy: 0
      },
      {
          i: 35,
          sx: 0,
          sy: 0,
          width: 1,
          height: 1,
          dx: 0,
          dy: 0,
          ssx: 0,
          ssy: 0
      }],
  gSpeed: 0,
  sSpeed: 0,
  mapMovingPath: []
},

源码

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

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

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

redis八股1

参考Redis连环60问&#xff08;八股文背诵版&#xff09; - 知乎 (zhihu.com) 1.是什么 本质上是一个key-val数据库,把整个数据库加载到内存中操作&#xff0c;定期通过异步操作把数据flush到硬盘持久化。因为纯内存操作&#xff0c;所以性能很出色&#xff0c;每秒可以超过10…

java开发之个人微信的二次开发

简要描述&#xff1a; 修改我在某群的昵称 请求URL&#xff1a; http://域名/updateIInChatRoomNickName 请求方式&#xff1a; POST 请求头Headers&#xff1a; Content-Type&#xff1a;application/jsonAuthorization&#xff1a;login接口返回 参数&#xff1a; 参…

常见锁策略

一、乐观锁和悲观锁&#xff1a; &#xff08;一&#xff09;乐观锁 和 悲观锁概念 悲观锁&#xff1a;总是假设最坏的情况&#xff0c;认为每次读写数据都会冲突&#xff0c;所以每次在读写数据的时候都会上锁&#xff0c;保证同一时间段只有一个线程在读写数据。 乐观锁&a…

从 算力云 零开始部署ChatGLM2-6B 教程

硬件最低需求&#xff0c;显存13G以上 基本环境&#xff1a; 1.autodl-tmp 目录下 git clone https://github.com/THUDM/ChatGLM2-6B.git然后使用 pip 安装依赖&#xff1a; pip install -r requirements.txtpip 使用pip 阿里的 再执行git clone之前&#xff0c;要先在命令行…

[GKCTF 2021]Crash

目录 恢复符号表&#xff0c;找到main函数 四部分加密 第一部分 第二部分 第三部分 第四段 恢复符号表&#xff0c;找到main函数 观察特征&#xff0c;应该是Go语言&#xff0c;函数没有名字&#xff0c;用脚本恢复符号表&#xff08;脚本自己去找一个&#xff09; 四部…

MySQL - binlog同步过程

文章目录 binlog作用binlog同步过程主从同步架构图&#xff08;异步同步&#xff09; binlog作用 MySQL 的 binlog(二进制日志) 是一种记录数据库所有数据更改操作的日志&#xff0c;可以用于数据库备份、恢复、错误排查、数据同步等操作。binlog 是 MySQL 中的一个重要组件&a…

操作系统 --- 计算机系统引论

&#xff08;一&#xff09;操作系统的目的和作用 概念&#xff08;定义&#xff09; 操作系统 &#xff08; Operating System &#xff0c; OS &#xff09;是指控制和 管理 整个计算机系统的 硬件和软件 资源&#xff0c;并合理地组织调度计算机的工作和资源的分配&#…

基于SSM的网络游戏公司官方平台

末尾获取源码 开发语言&#xff1a;Java Java开发工具&#xff1a;JDK1.8 后端框架&#xff1a;SSM 前端&#xff1a;采用JSP技术开发 数据库&#xff1a;MySQL5.7和Navicat管理工具结合 服务器&#xff1a;Tomcat8.5 开发软件&#xff1a;IDEA / Eclipse 是否Maven项目&#x…

Swift学习笔记一(数组篇)

目录 0 绪论 1 数组的创建和初始化 2.数组遍历 2.1通过键值对遍历 2.2 通过forEach遍历 2.3 通过for in遍历 2.3.1 for in 搭配 enumerated 2.3.2 for in的另一种形式 2.3.2 for in 搭配 indices 2.4 通过Iterator遍历器遍历 3 数组的操作 3.1 contains 判断数组包含…

Redis之布隆过滤器(Bloom Filter)解读

目录 引进前言 隆过滤器定义 隆过滤器原理 布隆过滤器优缺点 布隆过滤器的使用场景 布谷鸟过滤器(了解) 引进前言 在实际开发中&#xff0c;会遇到很多要判断一个元素是否在某个集合中的业务场景&#xff0c;类似于垃圾邮件的识别&#xff0c;恶意ip地址的访问&#x…

NebulaGrap入门介绍和集群安装部署

长风破浪八千里&#xff0c;落日晚霞不回头。 ——大宁。 NebulaGrap——分布式图数据库 官方文档&#xff1a; ​ NebulaGraph Database手册 ​ 官方文档 介绍 简介&#xff1a; ​ NebulaGraph 一款开源、分布式图数据库&#xff0c;擅长处理超大规模数据集。 Nebula …

JS之闭包

一&#xff1a;什么是闭包 闭包是一个函数和其词法环境的组合 换个意思来说&#xff0c;闭包可以让开发者可以从函数内部访问到外部函数的作用域 在JS中&#xff0c;闭包会随着函数的创建而被同时创建 词法环境&#xff1a; 主要分两个对象 用于管理变量函数和作用域的关系 环…

《深入理解Java虚拟机》——Java内存区域与内存溢出异常

Java内存区域与内存溢出异常 运行时数据区域程序计数器Java虚拟机栈本地方法栈Java堆方法区运行时常量池直接内存 实例堆溢出栈溢出 运行时数据区域 根据《Java虚拟机规范的规定》&#xff0c;Java虚拟机所管理的内存将会包含已下架几个运行时数据区域。 程序计数器 在Java虚…

【漏洞复现】EnjoySCM存在文件上传漏洞

漏洞描述 EnjoySCM是一款适应于零售企业的供应链管理软件,主要为零售企业的供应商提供服务。EnjoySCM的目的是通过信息技术,实现供应商和零售企业的快速、高效、准确的信息沟通、管理信息交流。。 该系统存在任意文件上传漏洞,攻击者通过漏洞可以获取服务器的敏感信息。 …

k8s入门到实战--跨服务调用

service.png 背景 在做传统业务开发的时候&#xff0c;当我们的服务提供方有多个实例时&#xff0c;往往我们需要将对方的服务列表保存在本地&#xff0c;然后采用一定的算法进行调用&#xff1b;当服务提供方的列表变化时还得及时通知调用方。 student: url: - 192.168.1…

【STM32】STM32F4调用DSP库实现FFT运算

写在前面 最近在整理之前的stm32笔记&#xff0c;打算把一些有价值的笔记发到CSDN分享一下。 奎斯特定理 在进行模拟/数字信号的转换过程中&#xff0c;当采样频率F大于信号中最高频率 fmax 的 2 倍时(F>2*fmax)&#xff0c;采样之后的数字信号完整地保留了原始信号中的信…

高效采集模拟量模块数据方案

在现代工业自动化领域&#xff0c;模拟量采集是关键的环节之一。本文将详细介绍如何通过模拟量采集电压、电流和温度等数据&#xff0c;并利用上位机实现数据的获取和转化。同时&#xff0c;我们还将详细介绍模拟量采集上位机框架及其强大的功能&#xff0c;为企业实现高效的数…

华为认证系统学习大纲及课程

前言 任何学习过程都需要一个科学合理的学习路线&#xff0c;才能够有条不紊的完成我们的学习目标。华为认证网络工程师所需学习的内容纷繁复杂&#xff0c;难度较大&#xff0c;所以今天特别为大家整理了一个全面的华为认证网络工程师学习大纲及课程&#xff0c;帮大家理清思…

【DataV/echarts】vue中使用,修改地图和鼠标点击部分的背景色

引入&#xff1a;使用 DataV 引入地图的教程是参考别人的&#xff0c;主要介绍修改地图相关的样式&#xff1b; 引入地图 是参考别人的&#xff0c;这里自己再整理一遍&#xff0c;注意需要安装 5 版本以上的 echarts&#xff1b; DataV 网址&#xff1a;https://datav.aliyun.…

Unity Animation、Animator 的使用(超详细)

文章目录 1. 添加动画2. Animation2.1 制作界面2.2 制作好的 Animation 动画2.3 添加和使用事件 3. Animator3.1 制作界面3.2 一些参数解释3.3 动画参数 4. Animator中相关类、属性、API4.1 类4.2 属性4.3 API4.4 几个关键方法 5. 动画播放和暂停控制 1. 添加动画 选中待提添加…