iFIERO –为游戏开发深感自豪 – iFIERO

Phaser Matter Collision Plugin 物理引擎碰撞插件

2018年12月13日 IFIERO TOP置顶, 技术文档 Leave a comment

Phaser 自带的Arcade虽然易用，但复杂的物理碰撞明显就不够用了，于是Matter等物理引擎还是不得不学的，以下是Matter物理体碰撞的一个插件，它省去了我们判别两个物理体相撞后哪个是gameObjectA和gameObjectB，实在是好用又省心 …

Phaser3跟随自定义路径移动的赛车

2018年12月7日 IFIERO TOP置顶, 技术文档 Leave a comment

// 创建racing car
var lemming = this.add.follower(curve, 50, 300, ‘racecar’).setScale(0.3);
// 让 racing car 跟随path
lemming.startFollow({
duration: 10000,
yoyo: false,
repeat: 0,
rotateToPath: true,
verticalAdjust: true
});

用EC5/EC6自定义class的区别及用法 — Phaser3网页游戏框架

2018年12月4日 IFIERO TOP置顶, 技术文档 Leave a comment

EC6:class Brain extends Phaser.GameObjects.Sprite {}
EC5:var Bunny = new Phaser.Class({Extends:Phaser.GameObjects.Sprite,})

Phaser3让超级玛丽实现轻跳、高跳及加上对应的跳跃声音

2018年12月3日 IFIERO TOP置顶, 技术文档 Leave a comment

空格键：轻按：跳低，长按：跳高
键盘：–> 向右 , <-- 向左

Phaser3 设置场景Scene Sleeping休眠和Wake唤醒

2018年11月20日 IFIERO 技术文档 Leave a comment

使用sleep和wake方法的好处：

1.可以彻底让scene场景彻底休眠
2.update function不会再运行
3.同时会暂停场景内的Timer事件

Phaser3游戏三角学应用–一只跟随屏幕点击位置游动的鱼

2018年11月15日 IFIERO 技术文档 Leave a comment

三角函数得出鱼要旋转的角度
this.fish.rotation = Math.atan2(pointer.y – this.fish.y, pointer.x – this.fish.x);
判断鱼是否需要反转:点击的位置和鱼头相同=>不反转
this.fish.flipY = false;
判断鱼是否需要反转:点击的位置和鱼头相反=>反转
this.fish.flipY = true;

Phaser3 应用对象池随机产生炸弹并销毁 — HTML5网页游戏开发

2018年11月9日 IFIERO 技术文档 Leave a comment

使用对象池 Object Pool产生炸弹,首先创建一个对象组 this.exploadGroup = this.add.group();
然后用对象组的.get重复应用对象池而不是用.create,this.exploadGroup.get(x,y,’explode’);
最后销毁的时候不是用.destory()，而是用 this.exploadGroup.killAndHide(singleExplode);