phaser/wip/examples/loader.html at 2e576fa9a71a04fc85f64f3e36dabc28e794b607 · ITCSsDeveloper/phaser · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE HTML>
<html>
<head>
	<title>phaser.js - a(nother) new beginning</title>
	<script src="../src/Phaser.js"></script>
	<script src="../src/system/Device.js"></script>
	<script src="../src/core/SignalBinding.js"></script>
	<script src="../src/core/Signal.js"></script>
	<script src="../src/math/RandomDataGenerator.js"></script>
	<script src="../src/loader/Cache.js"></script>
	<script src="../src/loader/Loader.js"></script>
	<script src="../src/Game.js"></script>
</head>
<body>

<script type="text/javascript">

function loadStarted(size) {
	console.log('Loader started, queue size:', size);
}

//	this.progress, previousKey, success, this.queueSize - this._keys.length, this.queueSize
function fileLoaded(progress, key, success, remaining, total) {
	console.log('File Loaded:', key);
	console.log('Progress: ' + progress + '%');
	console.log('File: ' + remaining + ' out of ' + total);
}

function loadCompleted() {
	console.log('Loader finished');
}

var game = new Phaser.Game(this, '', 800, 600);

game.load.image('cockpit', 'assets/pics/cockpit.png');
game.load.image('rememberMe', 'assets/pics/remember-me.jpg');
game.load.image('overdose', 'assets/pics/lance-overdose-loader_eye.png');

game.load.onLoadStart.add(loadStarted, this);
game.load.onFileComplete.add(fileLoaded, this);
game.load.onLoadComplete.add(loadCompleted, this);

game.load.start();

</script>

</body>
</html>