Indie-Resource.com

Code: Select all

	// set up viewport
	self.minimap = new IgeViewport()
		.id('minimap')
		.depth(2)
		.autoSize(false)
		.width(300)
		.height(150)
		.right(10)
		.bottom(10)
		.borderWidth(1)
		.borderColor('#ffffff')
		.scene(self.mainScene)
		.drawBounds(false)
		.drawMouse(false)
		.mount(ige)
		.hide();

Code: Select all

	// map.widthPx and map.heightPx are just [number of tiles wide] * [tilewidth] and [number of tiles high] * [tileheight]

	// center and scale minimap
	var scaleX = self.minimap.width() / map.widthPx,
		scaleY = self.minimap.height() / map.heightPx;
	// find smallest scale, to fit the entire map into the tiny view
	var scale = Math.min(scaleX, scaleY);

	self.minimap.mouseDown(function(mouseEvent, state){
		// Get the relative mouse position
		var x = -1 * (ige._geometry.x - mouseEvent.clientX - self.minimap.right() - self.minimap.width()),
			y = -1 * (ige._geometry.y - mouseEvent.clientY - self.minimap.bottom() - self.minimap.height());

		// check if we're inside the minimap
		if(x >= 0 && x < self.minimap.width() && y >= 0 && y < self.minimap.height()){

			// x: -width/2 to width/2, y: 0 to height
			x -= self.minimap.width() / 2;

			// move the main viewport camera to the selected location
			self.viewport.camera.panTo(new IgePoint(x / scale, y / scale), 200);
		}
	});

Code: Select all

	// Don't render hidden layers
	if(this.isHidden()){
		return false;
	}