Examples (audio, button,camera), and docs

Created some examples (audio, button,camera), and documented the source
code along the way

examples/sprites/spritesheet.php

@@ -0,0 +1,51 @@
+<?php
+	$title = "Sprite Sheet";
+	require('../head.php');
+?>
+
+<script type="text/javascript">
+
+(function () {
+
+	var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { preload: preload, create: create, update: update });
+
+	var bunny;
+
+	function preload() {
+		//	37x45 is the size of each frame
+		//	There are 18 frames in the PNG - you can leave this value blank if the frames fill up the entire PNG, but in this case there are some
+		//	blank frames at the end, so we tell the loader how many to load
+		game.load.spritesheet('ms', 'assets/sprites/metalslug_mummy37x45.png', 37, 45, 18);
+	}
+
+	function create() {
+
+		bunny = game.add.sprite(40, 100, 'ms');
+
+		bunny.animations.add('walk');
+
+		bunny.animations.play('walk', 50, true);
+
+		game.add.tween(bunny).to({ x: game.width }, 10000, Phaser.Easing.Linear.None, true);
+
+	}
+
+	//	update isn't called until 'create' has completed. If you need to process stuff before that point (i.e. while the preload is still happening)
+	//	then create a function called loadUpdate() and use that
+	function update() {
+		
+		if (bunny.x >= 300)
+		{
+			bunny.scale.x += 0.01;
+			bunny.scale.y += 0.01;
+		}
+
+	}
+
+})();
+
+</script>
+
+<?php
+	require('../foot.php');
+?>