/*
*/

window.ctx = window.w = window.h = null;

var map = new function(){
	var base = this
	base.dimensions = new vec2(500,500)
	base.bounds = new vec2(500,500)
	base.center = new vec2(0,0)
	
	base.sides = function(){
		var sides = base.bounds.clone().div(2).div(base.zoom)
		return new rect( base.center.a - sides.a, base.center.b - sides.b,
										 base.center.a + sides.a, base.center.b + sides.b )
	}

	base.zoom = 1/8

	var canvas = document.createElement("canvas")
	var ctx = window.ctx = canvas.getContext("2d")
	var w = window.w = canvas.width = 500
	var h = window.h = canvas.height = 500
	document.querySelector("#map").appendChild(canvas)

	base.update = function(){
		base.draw.animate()
	}

}