布袋的世界

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

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

摘要： 在线预览：http://www.ifiero.com/uploads/phaser/pathrotate/ 阅读全文

摘要： EC6:class Brain extends Phaser.GameObjects.Sprite {} EC5:var Bunny = new Phaser.Class({Extends:Phaser.GameObjects.Sprite,}) 阅读全文

摘要： 在线测试地址：http://www.ifiero.com/uploads/phaserjs3/jumper/ 空格键：轻按：跳低 ，长按：跳高 键盘：--> 向右 , <-- 向左 请确保已打开电脑的音乐开关 阅读全文

摘要： 使用sleep和wake方法的好处： 1.可以彻底让scene场景彻底休眠 2.update function不会再运行 3.同时会暂停场景内的Timer事件 阅读全文

摘要： // 三角函数 得出鱼要旋转的角度 this.fish.rotation = Math.atan2(pointer.y - this.fish.y, pointer.x - this.fish.x); // 判断鱼是否需要反转:点击的位置和鱼头相同=>不反转 if ((pointer.x > this.fish.x)) { console.log("点击的位置和鱼头相同=>不反转"); this.fish.flipY = false; } // 判断鱼是否需要反转:点击的位置和鱼头相反=>反转 阅读全文

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

摘要： 1)通过事件this.events.emit('event key',{objKey:objValue}); 从sceneA通过 ths.events.emit时传值到sceneB时有个需要特别注的事项就是，得把sceneB的 active设为 ture,否则因为 sceneB还未激活，是监听不到 events.on事件的!!! 2)通过场景启动this.scene.start('gameB key',{objKey:objValue}); 阅读全文

摘要： 坑： 在config内不要把 width 设为 window.innnerWidth 在config内不要把 width 设为 window.innnerWidth 在config内不要把 width 设为 window.innnerWidth 重要的事情得说三遍... 阅读全文