切水果小游戏

欢迎来到程序小院

切水果

玩法:点击鼠标左键划过水果,快去切水果,看你能够获划出多少水果哦^^。

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

html

  <div id="game" class="game" style="text-align: center;width: 100%;height: auto;"></div>

css

canvas {margin: 0 auto;
}

js

var game = new Phaser.Game(640, 480, Phaser.CANVAS, 'game');
game.States = {};
// boot场景
game.States.boot = function() {this.preload = BootScene.preload;this.create = BootScene.create;
}
// 预加载场景,用于加载资源
game.States.preload = function() {this.preload = PreloadScene.preload;this.create = PreloadScene.create;
}
game.States.main = function() {this.create = MainScene.create.bind(MainScene);this.update = MainScene.update.bind(MainScene);
};
game.States.play = function() {this.create = PlayScene.create.bind(PlayScene);this.update = PlayScene.update.bind(PlayScene);
};
game.state.add('boot', game.States.boot);
game.state.add('preload', game.States.preload);
game.state.add('main', game.States.main);
game.state.add('play', game.States.play);
game.state.start('boot');
// 定义炸弹的Flame纹理var generateFlame = function(bitmap) {var len = 5;bitmap.context.fillStyle = "#FFFFFF";bitmap.context.beginPath();bitmap.context.moveTo(25 + len, 25 - len);bitmap.context.lineTo(25 + len, 25 + len);bitmap.context.lineTo(25 - len, 25 + len);bitmap.context.lineTo(25 - len, 25 - len);bitmap.context.closePath();bitmap.context.fill();};var initSprite = function() {sprite = game.add.sprite(env.x || 0, env.y || 0);var bombImage = game.add.sprite(0, 0, 'bomb');bombImage.anchor.setTo(0.5, 0.5);// 烟雾var bombSmoke = game.add.sprite(-55, -55, 'smoke');// 粒子发射器var bombEmit = game.add.emitter(-30, -30, 20);// 设置粒子,使用我们自定义的粒子bombEmit.particleClass = FlameParticle;bombEmit.makeParticles();// 设置属性bombEmit.setScale(1, 0.8, 1, 0.8, 1500);bombEmit.setAlpha(1, 0.1, 1500);// 发射bombEmit.start(false, 500, 50);// 什么时候用Group,什么时候用sprite,一个炸弹,是一个sprite,刚体,速度,旋转都一致。group里面的东西可以速度不一致。sprite.addChild(bombImage);sprite.addChild(bombEmit);sprite.addChild(bombSmoke);// 物理属性game.physics.enable(sprite, Phaser.Physics.ARCADE);sprite.enableBody = true;};

源码

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

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

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

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

相关文章

centos8 下载

下载网址 Download 直接下载地址 https://mirrors.cqu.edu.cn/CentOS/8-stream/isos/x86_64/CentOS-Stream-8-20231127.0-x86_64-dvd1.iso 这个版本安装的时候方便

智能优化算法应用:基于树种算法无线传感器网络(WSN)覆盖优化 - 附代码

智能优化算法应用&#xff1a;基于树种算法无线传感器网络(WSN)覆盖优化 - 附代码 文章目录 智能优化算法应用&#xff1a;基于树种算法无线传感器网络(WSN)覆盖优化 - 附代码1.无线传感网络节点模型2.覆盖数学模型及分析3.树种算法4.实验参数设定5.算法结果6.参考文献7.MATLAB…

MySQL--InnoDB引擎

InnoDB引擎 逻辑存储引擎 表空间→段→区→页→行 Tablespace 表空间&#xff08;ibd文件&#xff09;&#xff1a;一个mysql实例可以对应多个表空间&#xff0c;用于存储记录、索引等数据Segment 段&#xff1a;段分为数据段、索引段、回滚段&#xff0c;InnoDB是索引组织表…

智能优化算法应用:基于乌鸦算法无线传感器网络(WSN)覆盖优化 - 附代码

智能优化算法应用&#xff1a;基于乌鸦算法无线传感器网络(WSN)覆盖优化 - 附代码 文章目录 智能优化算法应用&#xff1a;基于乌鸦算法无线传感器网络(WSN)覆盖优化 - 附代码1.无线传感网络节点模型2.覆盖数学模型及分析3.乌鸦算法4.实验参数设定5.算法结果6.参考文献7.MATLAB…

UI测试中有哪些注意事项?

&#x1f4e2;专注于分享软件测试干货内容&#xff0c;欢迎点赞 &#x1f44d; 收藏 ⭐留言 &#x1f4dd; 如有错误敬请指正&#xff01;&#x1f4e2;交流讨论&#xff1a;欢迎加入我们一起学习&#xff01;&#x1f4e2;资源分享&#xff1a;耗时200小时精选的「软件测试」资…

Rust的Vec优化

本篇是对Rust编程语言17_Rust的Vec优化[1]学习与记录 MiniVec https://crates.io/crates/minivec enum DataWithVec { // tag,uint64,8字节 I32(i32), // 4字节,但需内存对齐到8字节? F64(f64), // 8字节 Bytes(Vec<u8>), // 24字节}fn main()…

编程之外,生活的美好航程

&#x1f680; 作者主页&#xff1a; 有来技术 &#x1f525; 开源项目&#xff1a; youlai-mall &#x1f343; vue3-element-admin &#x1f343; youlai-boot &#x1f33a; 仓库主页&#xff1a; Gitee &#x1f4ab; Github &#x1f4ab; GitCode &#x1f496; 欢迎点赞…

Linux常用命令----rmdir命令

文章目录 1. 简介2. 参数含义3. 常见用法及实例4. 注意事项5. 结语 1. 简介 rmdir命令在Linux系统中用于删除空的目录。它是一个基本的命令行工具&#xff0c;用于维护文件系统的组织结构。与rm命令不同&#xff0c;rmdir只能删除空目录&#xff0c;这提供了一种安全机制&…

堆栈_队列实现栈

//请你仅使用两个队列实现一个后入先出&#xff08;LIFO&#xff09;的栈&#xff0c;并支持普通栈的全部四种操作&#xff08;push、top、pop 和 empty&#xff09;。 // // 实现 MyStack 类&#xff1a; // // // void push(int x) 将元素 x 压入栈顶。 // int pop() 移除…

linux系统编程--文件描述符

在linux的世界里一切皆是文件。可以使用系统调用中I/O的函数&#xff08;(l: input&#xff0c;输入; O: output&#xff0c;输出&#xff09;&#xff0c;对文件进行相应操作&#xff08;open()、close()、write() 、read()等&#xff09;。 打开现存文件或者新建文件&#xf…

简历上的工作经历怎么写

通过了简历筛选&#xff0c;后续的面试官会仔细阅读你的简历内容。他们在找什么呢&#xff1f;他们希望搞清楚你在某一段经历中具体干了什么&#xff0c;并且判断你的能力具体达到了什么水平。 简历在线制作下载&#xff1a;百度幻主简历 面试官喜欢具体的经历 越具体&#x…

STM32CubeIDE(CUBE-MX)----快速移植FreeRTOS实战

文章目录 前言一、Freertos可视化配置二、生成代码三、实验现象总结 前言 FreeRTOS&#xff08;Real-Time Operating System&#xff09;是一个开源的实时操作系统内核&#xff0c;专注于嵌入式系统。它提供了一套用于管理任务、调度器、内存管理等的实时操作系统功能&#xf…