原创 Phaser3 屏幕適配iPhoneX、iPhoneXS的坑 -- JavaScript Html5 遊戲開發

坑: 在config內不要把 width 設爲 window.innnerWidth 在config內不要把 width 設爲 window.innnerWidth 在config內不要把 width 設爲 window.inn

原创 Redis構建分佈式鎖(加鎖、解鎖)通用函數

Redis構建分佈式鎖(加鎖、解鎖)通用函數 use Util\RedisUtil; class Index { function redis() { $keyname = 'usr'; $

原创 Phaser遊戲框架與HTML Dom元素之間的通信交互

本想按照PHASER的HTML Dom元素官方實例:http://labs.phaser.io/index.h... Canvas來創建HTML DOM元素,但this.add.dom 一直提示錯誤,無奈直接用HTML5的語法來創建DOM元

原创 Phaser Matter Collision Plugin 碰撞插件 -- iFiero技術分享

Phaser 自帶的Arcade雖然易用,但複雜的物理碰撞明顯就不夠用了,於是Matter等物理引擎還是不得不學的,以下是Matter物理體碰撞的一個插件,它省去了我們判別兩個物理體相撞後哪個是gameObjectA和gameObj

原创 Phaser3讓超級瑪麗實現輕跳、高跳及加上對應的跳躍聲音

在線測試地址:http://www.ifiero.com/uploads/phaserjs3/jumper/ 空格鍵:輕按:跳低 ,長按:跳高 鍵盤:–> 向右 , <-- 向左 請確保已打開電腦的音樂開關 var config

原创 Phaser3跟隨自定義路徑移動的賽車 -- iFIERO遊戲教程

在線預覽:http://www.ifiero.com/uploads/phaser/pathrotate/ 代碼: var config = { type: Phaser.AUTO, width: 720,

原创 用EC5/EC6自定義class的區別及用法 -- Phaser3網頁遊戲框架

EC6 自定義class class Brain extends Phaser.GameObjects.Sprite { constructor (scene, x, y) { super(scene,

原创 PHASER3 設置場景SCENE SLEEPING休眠和WAKE喚醒

A good way to set scene stop when hidden and run while visible again ! 使用sleep和wake方法的好處: 1.可以徹底讓scene場景徹底休眠 2.update

原创 Phaser3遊戲三角學應用--一隻跟隨屏幕點擊位置遊動的魚

資源圖: 代碼 var config = { type: Phaser.AUTO, parent: 'iFiero', // game id; html中爲 <div id="iFiero"></div> w

原创 PHASERJS3 應用對象池隨機產生炸彈並銷燬 -- JavaScript Html5 遊戲開發

使用對象池 Object Pool產生炸彈,首先創建一個對象組 this.exploadGroup = this.add.group(); 然後用對象組的.get重複應用對象池而不是用.create,this.exploadGro

原创 Phaser3 場景Scene之間的傳值 -- HTML JAVASCIRPT 網頁遊戲開發

一、首先當然得有至少有二個場景sceneA.js,sceneB.js 二、從場景A傳值到場景B二種方法 1)通過事件this.events.emit(‘event key’,{objKey:objValue}); 從sceneA通過

原创 Phaserjs3 對象池隨機產生炸彈並銷燬 -- Html網頁遊戲開發

scene.js /// <reference path="../../libs/phaser/phaser.min.js"/> 'use strict'; var BootScene = new Phaser.Class({

原创 Phaser3 場景Scene之間的傳值 -- HTML網頁遊戲開發

一、首先當然得有至少有二個場景sceneA.js,sceneB.js 二、從場景A傳值到場景B二種方法 1)通過事件this.events.emit('event key',{objKey:objValue}); 從sceneA通過 th

原创 PhaserJS 3 屏幕適配時的小坑 -- JavaScript Html5 遊戲開發

巨坑:在config內不要把 width 設爲 window.innnerWidth在config內不要把 width 設爲 window.innnerWidth在config內不要把 width 設爲 window.innnerWidt

原创 GameplayKit的GKStateMachine用法與實例

玩家進入GameScene場景中 -> 通過GKStateMachine進入到指定的遊戲狀態GKState 在GameScene場景中 -> 根據不同的邏輯調用GKStateMachine -> 在各個不同的遊戲狀態GKState之