2013-09-11 01:57:36 +00:00
|
|
|
<!DOCTYPE HTML>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<title>phaser.js - a new beginning</title>
|
|
|
|
<?php
|
|
|
|
require('js.php');
|
|
|
|
?>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
|
|
(function () {
|
|
|
|
|
|
|
|
var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { preload: preload, create: create, update: update, render: render });
|
|
|
|
|
|
|
|
function preload() {
|
|
|
|
|
2013-09-12 03:24:01 +00:00
|
|
|
game.load.tilemap('catastrophi', 'assets/tiles/catastrophi_tiles_16.png', 'assets/maps/catastrophi_level2.csv', null, Phaser.Tilemap.CSV);
|
2013-09-11 01:57:36 +00:00
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
function create() {
|
|
|
|
|
|
|
|
// This creates the tilemap using the csv and tile sheet we loaded.
|
|
|
|
// We tell it use to CSV format parser. The 16x16 are the tile sizes.
|
|
|
|
// The 4th parameter (true) tells the game world to resize itself based on the map dimensions or not.
|
2013-09-11 23:55:27 +00:00
|
|
|
|
2013-09-12 03:24:01 +00:00
|
|
|
game.add.tilemap(0, 0, 'catastrophi', true, 16, 16);
|
2013-09-11 01:57:36 +00:00
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
function update() {
|
|
|
|
|
|
|
|
if (game.input.keyboard.isDown(Phaser.Keyboard.LEFT))
|
|
|
|
{
|
2013-09-12 01:18:23 +00:00
|
|
|
game.camera.x -= 8;
|
2013-09-11 01:57:36 +00:00
|
|
|
}
|
|
|
|
else if (game.input.keyboard.isDown(Phaser.Keyboard.RIGHT))
|
|
|
|
{
|
2013-09-12 01:18:23 +00:00
|
|
|
game.camera.x += 8;
|
2013-09-11 01:57:36 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
if (game.input.keyboard.isDown(Phaser.Keyboard.UP))
|
|
|
|
{
|
2013-09-12 01:18:23 +00:00
|
|
|
game.camera.y -= 8;
|
2013-09-11 01:57:36 +00:00
|
|
|
}
|
|
|
|
else if (game.input.keyboard.isDown(Phaser.Keyboard.DOWN))
|
|
|
|
{
|
2013-09-12 01:18:23 +00:00
|
|
|
game.camera.y += 8;
|
2013-09-11 01:57:36 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
function render() {
|
|
|
|
}
|
|
|
|
|
|
|
|
})();
|
|
|
|
</script>
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|