跳圈圈^^

news2025/1/20 22:38:33

欢迎来到程序小院

跳圈圈

玩法:女骑士点击左下按钮越过低处火圈,点击右下按钮越过高处火圈,越过火圈获得分数,快去挑战吧^^。

开始游戏https://www.ormcc.com/play/gameStart/235

 

dca97681c9c924c3c6aa9a89d6bbdafa.jpeg

html

<div id="loadicon"><img id="img1"/><br/><img id="img2"/><br/><img id="img3"/></div>
<canvas id="gameCanvas" width="640" height="1008"></canvas>

css

#loadicon{margin-top: 250px; }
#orient{margin-top:50px;}
p{color:#FFFFFF; font-size: 24}

js

GD.SHOWLEVEL = 0;
GD.SCORE = 0;
GD.NUM = 0;
var winSize, centerPos;
GD.word = ["0", "1"];
var BitNumLayer = cc.Layer.extend({
  timeLabel: null,
  scoreLabel: null,
  time: null,
  timeAction: null,
  ctor: function() {
      this._super()
  },
  step: function(a) {
      this.time += a
  },
  init: function() {
      this._super();
      trace("res.num_png");
      var a = cc.Sprite.create("#time.png");
      this.timeLabel = cc.LabelAtlas.create("0", res.num_png, 36, 67, "0");
      this.timeLabel._textAlign = cc.TEXT_ALIGNMENT_LEFT;
      a.x = 0.1 * winSize.width;
      this.timeLabel.anchorX = 0.5;
      this.timeLabel.x = 0.3 * winSize.width;
      this.timeLabel.y = -110 + winSize.height;
      var b = cc.Sprite.create("#quan.png");
      this.addChild(b);
      b.x = 0.4 * winSize.width;
      b.y = -77 + winSize.height;
      a.y = -77 + winSize.height;
      this.scoreLabel = cc.LabelAtlas.create("0", res.num_png, 36, 67, "0");
      this.addChild(this.scoreLabel);
      this.scoreLabel.anchorX = 0.6;
      this.scoreLabel.x = 0.6 * winSize.width;
      this.scoreLabel.y = -130 + winSize.height;
      a = cc.ScaleBy.create(0.1, 1.1);
      this.scoreLabel.scale = 1.2;
      this.timeAction = cc.Sequence.create(a, a.reverse())
  },
  setNum: function(a, b) {
      GD.SCORE += a + b;
      GD.NUM += a;
      this.scoreLabel.scale = 1;
      trace(GD.NUM);
      this.scoreLabel.setString(GD.NUM +
          "");
      this.scoreLabel.scale = 1.2
  },
  setTimeNum: function(a) {
      this.timeLabel.setString(a + '"')
  }
  });
  BitNumLayer.create = function() {
  var a = new BitNumLayer;
  a.init();
  return a
  };
  var Fire = cc.Node.extend({
  _bgs: null,
  _start: null,
  _list: [],
  _lfire: null,
  _lfireA: null,
  _rfire: null,
  _lefttx: -350,
  _fid: 0,
  _bid: 0,
  _foot: null,
  _foot2: null,
  _kind: 0,
  _x: 0,
  _action: null,
  _showspeed: 0,
  _isPassed: !1,
  ctor: function(a) {
      this._super()
  },
  step: function(a) {
      this.time += a
  },
  init: function() {
      this._super();
      this._lfire = new cc.Sprite.create;
      this._foot = new cc.Sprite.create("#mfire.png");
      this._foot2 = new cc.Sprite.create("#mfire2.png");
      this._foot2.x = this._foot.x = 80;
      this._foot2.y = -230;
      this._foot.y = -180;
      this._lfire.addChild(this._foot,
          0);
      this._foot.visible = !1;
      this._lfire.addChild(this._foot2, 0);
      this._foot2.visible = !1;
      for (var a = [], b = 1; 3 >= b; b++) {
          var c = "lfire000" + b + ".png",
              c = cc.spriteFrameCache.getSpriteFrame(c);
          a.push(c)
      }
      this._lfireA = new cc.Sprite.create;
      this._action = cc.RepeatForever.create(cc.Animate.create(cc.Animation.create(a, 
      0.1)));
      this._lfireA.runAction(this._action);
      this._lfire.addChild(this._lfireA);
      this._rfire = new cc.Sprite.create("#rfire0001.png");
      a = [];
      for (b = 1; 3 >= b; b++) c = "rfire000" + b + ".png", 
      c = cc.spriteFrameCache.getSpriteFrame(c),
          a.push(c);
      a = cc.RepeatForever.create(cc.Animate.create(cc.Animation.create(a, 0.1)));
      this._rfire.runAction(a)
  },
  setKind: function(a) {
      this._kind = a;
      0 == a ? (this._foot.visible = !0, this._foot2.visible = !1, this._lfire.y = 
      this._rfire.y = winSize.height / 2 + 20) : (this._foot.visible = 
      !1, this._foot2.visible = !0, this._lfire.y = this._rfire.y = 
      winSize.height / 2 + 130);
      this._lfire.y += 1
  },
  setX: function(a) {
      this._x = a;
      this._lfire.x = a;
      this._rfire.x = a + 134
  },
  update: function() {
      this._lfire.x = this._x;
      this._rfire.x = this._x + 130
  }
  });
  Fire.create = function() {
  var a = new Fire;
  a.init();
  return a
  };
  var Helo = cc.Sprite.extend({
  eID: 0,
  active: !0,
  direct: 1,
  zOrder: 30,
  hurtAction: null,
  standAction: null,
  attactActionList: [],
  lock: !1,
  potList: [
      [-20, 19],
      [-80, 32],
      [-20, 40],
      [0, 0],
      [12, -6]
  ],
  frameObj: {},
  frameActionObj: null,
  frameList: [],
  state: "no",
  isAim: !1,
  dx: 0,
  dy: 0,
  oriy: 0,
  _isDouble: !1,
  powerx: 10,
  actiondata: [
      [
          [1, 2, 3, 4, 5, 6], "run"
      ],
      [
          [7, 8], "up"
      ],
      [
          [9, 9, 10, 10], "jump"
      ],
      [
          [15, 15, 16, 16, 16, 17, 17], "jump2"
      ],
      [
          [12, 12, 13, 14], "down"
      ],
      [
          [21, 22, 23, 24, 25, 26, 27, 28], "ready"
      ],
      [
          [23, 24, 25, 26, 27, 28], "die"
      ]
  ],
  ctor: function() {
      this._super("#role0021.png");
      this.install();
      this.anchorX = 0.5;
      this.anchorY = 0;
      this.g = 0.5;
      this.t = this.time = 0;
      this.lock = !0;
      this.state = "ready";
      this.runAction(this.frameObj.ready)
  },

源码

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

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

 

1b35263e55b15e67b523dd9d5f548b8c.gif

 

 

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

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

相关文章

机器学习分类模型

机器学习常见分类模型及特点 机器学习常见分类模型优缺点 决策树模型 决策树&#xff08;Decision Tree&#xff09;是一类常见的机器学习方法&#xff0c;可应用于分类与回归任务&#xff0c;这里主要讨论分类决策树。决策树是基于树结构来进行决策的。下图是使用决策树来决定…

python统计分析——协方差和pearson相关系数

参考资料&#xff1a;用python动手学统计学 使用数据见代码&#xff1a; dic{"x":[18.5,18.7,19.1,19.7,21.5,21.7,21.8,22.0,23.4,23.8],"y":[34,39,41,38,45,41,52,44,44,49] } cov_datapd.DataFrame(dic) 变量x、y的协方差Cov(x,y)的计算公式如下&am…

【LLM 】7个基本的NLP模型,为ML应用程序赋能

在上一篇文章中&#xff0c;我们已经解释了什么是NLP及其在现实世界中的应用。在这篇文章中&#xff0c;我们将继续介绍NLP应用程序中使用的一些主要深度学习模型。 BERT 来自变压器的双向编码器表示&#xff08;BERT&#xff09;由Jacob Devlin在2018年的论文《BERT:用于语言…

开关电源反馈环路重要参数设计,PC817和TL431实例计算和取值详解

author&#xff1a;小高霸气 data:2021.04.16 下面介绍开关电源重要的反馈电路PC817和TL431设计和应用。 在开关电源当中&#xff0c;对稳压反馈电路的设计通常会使用TL431和PC817来配合使用。在TOP 及3842等单端反激电路中的反馈电路很多都采用TL431和PC817作为参考、隔离、取…

css原子化的框架Tailwindcss的使用教程(原始html和vue项目的安装与配置)

安装教程 中文官网教程 原始的HTML里面使用 新建文件夹npm init -y 初始化项目 安装相关依赖 npm install -D tailwindcss postcss-cli autoprefixer初始化两个文件 npx tailwindcss init -p根目录下新建src/style.css tailwind base; tailwind components; tailwind ut…

Bmp2Png是什么工具?好用吗?

Bmp2Png是什么工具&#xff1f;好用吗&#xff1f; 批量BMP图片转为PNG透明图片&#xff0c;去掉BMP黑色背景&#xff0c;压缩导出png图片V1.1前段时间上传了一款bmp转png并去黑底的demo软件&#xff0c;非常受欢迎&#xff0c; 上一版本地址&#xff1a;批量BMP图片转为PNG…

Visual Transformer (ViT)模型详解

1 Vit简介 1.1 Vit的由来 ViT是2020年Google团队提出的将Transformer应用在图像分类的模型&#xff0c;虽然不是第一篇将transformer应用在视觉任务的论文&#xff0c;但是因为其模型“简单”且效果好&#xff0c;可扩展性强&#xff08;scalable&#xff0c;模型越大效果越好…

【LLM】人工智能应用构建的十大预训练NLP语言模型

在人工智能领域&#xff0c;自然语言处理&#xff08;NLP&#xff09;被广泛认为是阅读、破译、理解和理解人类语言的最重要工具。有了NLP&#xff0c;机器可以令人印象深刻地模仿人类的智力和能力&#xff0c;从文本预测到情感分析再到语音识别。 什么是自然语言处理&#xf…

C语言实验5:结构体

目录 一、实验要求 二、实验原理 1. 普通结构体 1.1 显示声明结构体变量 1.2 直接声明结构体变量 ​编辑 1.3 typedef在结构体中的作用 2. 结构体的嵌套 3. 结构体数组 4. 指向结构体的指针 4.1 静态分配 4.2 动态分配 三、实验内容 1. 学生数据库 代码 截图 …

《数据库开发实践》之触发器【知识点罗列+例题演练】

一、什么是触发器&#xff1f; 1.概念&#xff1a; 简单来说触发器就是一种特殊的存储过程&#xff0c;在数据库服务器触发事件的时候会自动执行其SQL语句集。 2.构成四要素&#xff1a; &#xff08;1&#xff09;名称&#xff1a;要符合标识符命名规则 &#xff08;2&am…

跳跃表原理及实现

一、跳表数据结构 跳表是有序表的一种&#xff0c;其底层是通过链表实现的。链表的特点是插入删除效率高&#xff0c;但是查找节点效率很低&#xff0c;最坏的时间复杂度是O(N)&#xff0c;那么跳表就是解决这一痛点而生的。 为了提高查询效率&#xff0c;我们可以给链表加上索…

ORACLE Primavera Unifier v23.12 最新虚拟机(VM)分享下载

引言 根据上周的计划&#xff0c;我近日简单制作了一个基于ORACLE Primavera Unifier 最新版23.12的虚拟机演示环境&#xff0c;里面包括了unifier的全套系统服务 此虚拟系统环境仅用于演示、培训和测试目的。如要在生产环境中使用此虚拟机&#xff0c;请您与Oracle 销售代表联…

pngPackerGUI_V2.0是什么工具?

pngPackerGUI_V2.0是什么工具&#xff1f; png图片打包plist工具&#xff0c;手把手教你使用pngPackerGUI_V2.0此软件是在pngpacker_V1.1软件基础之后&#xff0c;开发的界面化操作软件&#xff0c;方便不太懂命令行的小白快捷上手使用。1.下载并解压缩软件&#xff0c;得到如…

关于“Python”的核心知识点整理大全53

目录 18.2.7 Django shell 注意 18.3 创建网页&#xff1a;学习笔记主页 18.3.1 映射 URL urls.py urls.py 注意 18.3.2 编写视图 views.py 18.3.3 编写模板 index.html 往期快速传送门&#x1f446;&#xff08;在文章最后&#xff09;&#xff1a; 感谢大家的支…

VitulBox中Ubuntu虚拟机安装JAVA环境——备赛笔记——2024全国职业院校技能大赛“大数据应用开发”赛项

前言 在进行之后操作是请下载好JDK&#xff0c;之后的内容是以Ubuntu虚拟机中安装java环境续写。 提示&#xff1a;以下操作是在虚拟机hadoop用户下操作的&#xff0c;并为安装java环境作准备 一、更新APT 为了确保Hadoop安装过程顺利进行&#xff0c;建议用hadoop用户登录…

MCS接口技术----定时/计数,中断

目录 一.中断系统相关寄存器 1.51单片机中断系统的总体结构&#xff1a; 2.中断源的中断级别&#xff08;由高到低&#xff09;&#xff1a; 3.与中断有关的四个寄存器&#xff1a; &#xff08;1&#xff09;TCON---定时控制寄存器 &#xff08;2&#xff09;IE---中断允…

一二三应用开发平台文件处理设计与实现系列之3——后端统一封装设计与实现

背景 前面介绍了前端通过集成vue-simple-uploader实现了文件的上传&#xff0c;今天重点说一下后端的设计与实现。 功能需求梳理 从功能角度而言&#xff0c;实际主要就两项&#xff0c;一是上传&#xff0c;二是下载。其中上传在文件体积较大的情况下&#xff0c;为了加快上…

2013年第二届数学建模国际赛小美赛B题寄居蟹进化出人类的就业模式解题全过程文档及程序

2013年第二届数学建模国际赛小美赛 B题 寄居蟹进化出人类的就业模式 原题再现&#xff1a; 寄居蟹是美国最受欢迎的宠物品种&#xff0c;依靠其他动物的壳来保护。剥去寄居蟹的壳&#xff0c;你会看到它柔软、粉红色的腹部卷曲在头状的蕨类叶子后面。大多数寄居蟹喜欢蜗牛壳&…

Java集合/泛型篇----第五篇

系列文章目录 文章目录 系列文章目录前言一、说说LinkHashSet( HashSet+LinkedHashMap)二、HashMap(数组+链表+红黑树)三、说说ConcurrentHashMap前言 前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到网站,这篇文章男女通…

加强->servlet->tomcat

0什么是servlet jsp也是servlet 细细体会 Servlet 是 JavaEE 的规范之一&#xff0c;通俗的来说就是 Java 接口&#xff0c;将来我们可以定义 Java 类来实现这个接口&#xff0c;并由 Web 服务器运行 Servlet &#xff0c;所以 TomCat 又被称作 Servlet 容器。 Servlet 提供了…