主要是用load的一些方法

加載事件,單個和全部

值得一說的是我們的資源加載必須寫在preload周期里。
一個帶背景的和百分比文字的 進度加載場景
~~~
var boot = function(game){
var progressText;
this.init=function(){}
this.preload = function(){
console.log("這里是boot")
game.load.image('loading_bg','../img/loadingBg.png')
var sprite = game.add.image(game.world.centerX,game.world.centerY,'loading_bg')
sprite.anchor = {x:0.5,y:0.5} //設置圖片錨點
progressText = game.add.text(game.world.centerX,game.world.centerY+30,'0%',{fill:'#fff',fontSize:"16px"})
progressText.anchor = {x:0.5,y:0.5}
// 監聽加載完一個文件的事件
game.load.onFileComplete.add(function (progress) {
progressText.text = progress + '%';
});
// 監聽加載完畢事件
game.load.onLoadComplete.add(onLoad);
// 最小展示時間,示例為2秒
var deadLine = false;
setTimeout(function () {
deadLine = true;
}, 1000);
// 加載完畢回調方法
function onLoad() {
if (deadLine) {
// 已到達最小展示時間,可以進入下一個場景
game.state.start('load');
} else {
// 還沒有到最小展示時間,1秒后重試
setTimeout(onLoad, 500);
}
}
}
this.create = function(){
}
this.updata = function(){}
this.render = function(){}
}
~~~
- 以專業工程師的標準要求自己
- JS
- 函數的this
- 函數的argument
- 函數的apply、bind、call方法
- 創建對象
- 構造函數創建對象
- 原型結合構造函數創建對象
- 原型
- 繼承
- 閉包
- 正則表達式
- Ajax
- 設計模式
- ES6
- es6的模塊化
- 定義變量的新方式
- 函數擴展
- 數組擴展
- 性能與工程化
- 關于http與緩存
- 重排(reflow、layout)與重繪
- 頁面性能
- gulp
- webpack
- 一些項目回顧總結
- 移動端&微信H5游戲
- 微信小程序
- Vue.js
- 隨手記錄
- 如何通過前端技能獲取2018世界杯門票
- jsonp
- es6 javascript對象方法Object.assign()
- 一份不錯的基礎面試題
- vscode常用插件
- koroFileHeader
- 構建自己的Js工具庫
- H5 game
- Phaser從入坑到放棄再入坑
- 1.游戲的創建
- 2.資源的加載
- 3.phaser中的舞臺,世界和攝像機
- 4.游戲縮放控制,移動端的適配
- 5.phaser中的顯示對象
- 1.概述
- 2.phaser中的圖片,圖形,和按鈕
- 3.phaser中的精靈
- 4.文字
- 5.組
- 6.phaser中的動畫
- 7.粒子和瓦片地圖
- 8.瓦片地圖
- lodash
- ES5 to ESNext?—?here’s every feature added to JavaScript since 2015
- 防抖(debounce) 和 節流(throttling)