wassname/phaser
1
0
Fork 0
mirror of https://github.com/wassname/phaser.git synced 2026-07-28 11:23:50 +08:00
Code Issues Packages Projects Releases Wiki Activity

More state swapping features and optimised Game.loop.

Browse Source
This commit is contained in:
Richard Davey
2013-08-29 15:14:56 +01:00
parent 3d4783980e
commit 16749edf20
4 changed files with 208 additions and 314 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/flow5.php
+26 -19
View File
@@ -12,35 +12,42 @@
(function () {
var state = {
var mainMenu = {
preload: function() {
console.log('state preload called');
game.load.image('rememberMe', 'assets/pics/remember-me.jpg');
game.load.text('copyright', 'assets/warning - copyright.txt');
console.log('mainMenu preload');
game.load.image('nocooper', 'assets/pics/1984-nocooper-space.png');
},
create: function() {
console.log('state create called');
// Let's try adding an image to the DOM
document.body.appendChild(game.cache.getImage('rememberMe'));
// And some text
var para = document.createElement('pre');
para.innerHTML = game.cache.getText('copyright');
document.body.appendChild(para);
console.log('mainMenu create');
document.body.appendChild(game.cache.getImage('nocooper'));
}
}
var game = new Phaser.Game(800, 600, Phaser.RENDERER_AUTO, '');
var levelSelect = {
// In this instance we'll change to the state ourselves rather than pass it in the game constructor
preload: function() {
console.log('levelSelect preload');
game.load.image('touhou', 'assets/pics/aya_touhou_teng_soldier.png');
},
create: function() {
console.log('levelSelect create');
document.body.appendChild(game.cache.getImage('touhou'));
}
}
// No parameters given, which means no default state is created or started
var game = new Phaser.Game();
// In this example we've created 2 states above (mainMenu and levelSelect)
// We'll add them both to the game
game.state.add('menu', mainMenu);
game.state.add('select', levelSelect);
// Now we can either start the state we want directly, or we could have passed 'true' as the 3rd parameter in state.add
game.state.start('select');
})();
examples/flow6.php
+59
View File
@@ -0,0 +1,59 @@
<!DOCTYPE HTML>
<html>
<head>
<title>phaser.js - a new beginning</title>
<?php
require('js.php');
?>
</head>
<body>
<input type="button" id="menu" value="Main Menu" />
<input type="button" id="select" value="Level Select" />
<script type="text/javascript">
(function () {
var preloader = {
preload: function() {
console.log('preloader.preload');
game.load.image('nocooper', 'assets/pics/1984-nocooper-space.png');
game.load.image('touhou', 'assets/pics/aya_touhou_teng_soldier.png');
}
}
var mainMenu = {
create: function() {
console.log('mainMenu create');
document.body.appendChild(game.cache.getImage('nocooper'));
}
}
var levelSelect = {
create: function() {
console.log('levelSelect create');
document.body.appendChild(game.cache.getImage('touhou'));
}
}
// No parameters given, which means no default state is created or started
var game = new Phaser.Game();
game.state.add('preloader', preloader, true);
game.state.add('menu', mainMenu);
game.state.add('select', levelSelect);
var b1 = document.getElementById('menu').onclick = function() { game.state.start('menu') };
var b2 = document.getElementById('select').onclick = function() { game.state.start('select') };
})();
</script>
</body>
</html>