window.onload = function() {
	//start crafty
	Crafty.init(60, 400, 320);
	Crafty.canvas();

	Craft.scene("loading", function () {
		Crafty.load(["square.png"], function() {
			Crafty.scene("main");
			});

		Crafty.background("#000");
		Crafty.e("2D, DOM, Text").attr({ w: 100, h: 20, x: 150, y: 120 })
				.text("Loading")
				.css({ "text-align": "center" });
		})
	Crafty.scene("loading");

	Craft.scene("main", function() {
		generateWorld();
	});

	Crafty.sprite(1, "images\square.jpeg", { square: [0,0]});
}

function generateWorld(){
	for (var i=0; i < 3; i++){
		for (var j=0; j < 3; j++){
            Crafty.e("2D, DOM, square)
                .attr({ x: i * 128, y: j * 128, z:1 });
}


function push (direction) {
}

function pull (direction) {
}