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

Flying 物体牵引类飞行Phaserjs游戏

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

let game;
let gameOptions = {
gravity: 1, // game gravity
terrainObjects: 20, // amount of terrain objects
heroSize: 20, // hero size
constraintSpeed: 2, // constraint shrinkage speed
minBoxSize: 50, // minimum box size
maxBoxSize: 200, // maximum box size
hookSpeed: 20 // speed use to fire the hook
}

优秀的消除类Phaser游戏源码分享

2019年1月30日 IFIERO 游戏图文教程 Leave a comment

Update to Phaser3 adding object pooling and using ECMA Script 6 conventions

Phaser游戏框架与HTML Dom元素之间的通信交互

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

本想按照PHASER的Canvas来创建HTML DOM元素，但this.add.dom 一直提示错误，无奈直接用HTML5的语法来创建DOM元素，然后在Phaser内获取该DOM元素，也不用再使用第三方的Phaser Html Input插件Plugin，还是挺方便快捷的。

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

2018年12月13日 IFIERO 技术文档 Leave a comment

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

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

2018年12月7日 IFIERO 技术文档 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 技术文档 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 技术文档 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);