Untitled

<html>
	<head>
		<title> phaser.js Test </title>
		<style>
			body {
				margin: 0;
				padding: 0;
				background-color: #FFFFFF;
			}
			canvas {background-color: #222222;}
		</style>

	</head>

	<body>
		<script type = text/javascript src = "phaser.min.js"></script>
		<script>
			//cool stuff goes here :D

			var game  = new Phaser.Game(160,128, Phaser.CANVAS, '', {preload: preload, create: create, update: update},false,false);

			function init() {


			}

			function preload() {

				//Phaser.Canvas.setSmoothingEnabled(this.game.context, false);


				game.stage.scale.minWidth = 640;
				game.stage.scale.minHeight = 512	;
				game.stage.scale.refresh();

				game.load.tilemap('level', 'resources/testmap2.json', null, Phaser.Tilemap.TILED_JSON);
				game.load.tileset('tiles', 'resources/16bitOPPtiles.png', 16, 16);
				game.load.spritesheet('walk','resources/walkingtest.png',16,16);
			}

			var map;
			var tileset;
			var layer;
			var player;
			var facing = 'left';
			var jumptimer = 0;
			var cursors;


			function create() {

				player = game.add.sprite(16,16,'walk');
				player.animations.add('left', [8,9,10,11]);
				player.animations.add('right', [12,13,14,15]);

				map = game.add.tilemap('level');
				tileset = game.add.tileset('tiles')
				tileset.setCollisionRange(0,tileset.total - 1,true,true,true,true);
				tileset.setCollisionRange(0,3,false,false,false,false);

				layer = game.add.tilemapLayer(0, 0, 1600, 128, tileset, map, 0);
				layer.resizeWorld();

				player.body.bounce.y = 0.2;
				player.body.collideWorldBounds = true;
				player.body.gravity.y = 6;
				//player.body.setSize(16,16,0,0);


				cursors = game.input.keyboard.createCursorKeys();
				game.camera.follow(player);


			}

			function update() {


				game.physics.collide(player, layer);

				player.body.velocity.x = 0;
				//player.body.velocity.y = 0;

				//actual movement here

				//left
				if (cursors.left.isDown)
				{
					player.animations.play('left', 5, true);
					player.body.velocity.x = -100;
				}

				//right
				else if (cursors.right.isDown)
				{
					player.animations.play('right', 5, true);
					player.body.velocity.x = +100;
				}

				//jump
				else if (cursors.up.isDown)
				{
					player.body.velocity.y = -100;
					//char.animations.play('up', 5, true);
				}


			}


		</script>

	</body>
</html>