phaser.sprite.body overlap collide seperate

1.sprite开启物理系统

        this.sp1 = new Phaser.Sprite(game, 400, 400, 'yellow_png');this.group.addChild(this.sp1);game.physics.enable([this.sp0, this.sp1], Phaser.Physics.ARCADE);this.sp0.body.velocity = new Phaser.Point(600, 500);this.sp1.body.velocity = new Phaser.Point(-120, -150);this.sp0.body.collideWorldBounds = true;this.sp1.body.collideWorldBounds = true;

2.sprites overlap collide seperate的检测

http://www.html5gamedevs.com/topic/9522-phaserarcade-collide-and-overlap-difference-and-separation/

关于overlap()无法正常工作

在update(){}中检测：

  update() {this.game.physics.arcade.overlap(this.sp0, this.sp1, () => { console.log('overlap'), this });this.game.physics.arcade.separate(this.sp0.body, this.sp1.body, () => { console.log('separate') }, this);this.game.physics.arcade.collide(this.sp0, this.sp1, () => { console.log('collide'), this });
}

overlap

3.group没有x,y,position属性，设置的x,y,position属性无效。

https://github.com/photonstorm/phaser/issues/38

办法：为group添加容器，设置容器的位置。

phaser.sprite.body overlap collide seperate相关推荐

phaser入门教程
这篇文章由Alvin Ourrad 和 Richard Davey所著. 已更新使用Phaser 2.0版本. 欢迎来到我们的第一篇关于使用Phaser制作一个游戏的教程.这里我们将学习如何制作一个关 ...
使用神经网络和遗传算法玩转 Flappy Bird
阅读原文请点击摘要: 本文展示了针对Flappy Bird游戏设计的机器学习算法.本实验的目标是使用神经网络和遗传算法编写一个人工智能游戏控制器,打出游戏最高分,不服的来挑战! 我们创建一个人工智能 ...
Phaser笔记-鼠标点击获取坐标键盘控制sprite
代码如下: import 'phaser';class PlayGame extends Phaser.Scene {constructor() {super("PlayGame" ...
HTML入门小站,Phaser
入门教程,我可不会讲什么概念,我只会讲一个入门例子,通过这个例子,你就知道phaser有多么强大,而照着这个例子做,你就能知道怎么使用phaser了. 需要说明的是,这个就是phaser官方的一个入门 ...
Phaser 3 入门实例教程
Phaser是什么? Phaser是一个HTML5游戏框架,目的是为了快速地制作跨浏览器的HTML5游戏. 这个框架,主要发掘了现代浏览器(兼及桌面和移动两类系统)的优点,所以对浏览器的唯一要求是,就 ...
【phaser】快速实现HTML5 2D小游戏
原文链接前言最近忙着看项目和写项目,在 github 上无意中发现了别人用 phaser 实现的2d小游戏,代码简单易懂,而且phaser框架本身就是非常的简单,非常适合想快速开发小游戏的开发者. ...
H5游戏框架phaser实例二（附上传到服务器的教程）
由于最近有事,先贴出来游戏地址,之后会补发教程:http://139.9.200.70:8080/myGame/index.html(由于域名还在备案过程中,现在只能通过ip访问) 先贴出源码: &l ...
Phaser开源2d引擎 javascript/html5游戏框架
功能特点(Features) 易维护代码(Easy Asset Loading) Phaser可以加载图片,音频文件,数据文件,文本文件和自动解析精灵图和纹理地图集数据(出口纹理封隔器或Flash C ...
Phaser Matter Collision Plugin 碰撞插件 -- iFiero技术分享
collision-simple-demo Phaser 自带的Arcade虽然易用,但复杂的物理碰撞明显就不够用了,于是Matter等物理引擎还是不得不学的,以下是Matter物理体碰撞的一个插件, ...
Phaser（二）：小恐龙跑酷游戏
效果展示资源图片资源地图资源 src/GameScenes/Scene02/Tilemaps/map.json { "compressionlevel":-1,"h ...

phaser.sprite.body overlap collide seperate

phaser.sprite.body overlap collide seperate相关推荐

最新文章

热门文章