Initial commit

2026-10-24 02:12:36 +00:00 · 2018-09-30 06:17:31 +02:00
commit 96ce7c0dce
75 changed files with 10420 additions and 0 deletions
@@ -0,0 +1,156 @@
+ig.module(
+	'impact.debug.maps-panel'
+)
+.requires(
+	'impact.debug.menu',
+	'impact.game',
+	'impact.background-map'
+)
+.defines(function(){ "use strict";
+
+
+ig.Game.inject({
+	loadLevel: function( data ) {
+		this.parent(data);
+		ig.debug.panels.maps.load(this);
+	}
+});
+
+	
+ig.DebugMapsPanel = ig.DebugPanel.extend({
+	maps: [],
+	mapScreens: [],
+	
+	
+	init: function( name, label ) {
+		this.parent( name, label );
+		this.load();
+	},
+	
+	
+	load: function( game ) {
+		this.options = [];
+		this.panels = [];
+		
+		if( !game || !game.backgroundMaps.length ) {
+			this.container.innerHTML = '<em>No Maps Loaded</em>';
+			return;	
+		}
+		
+		this.maps = game.backgroundMaps;
+		this.mapScreens = [];
+		this.container.innerHTML = '';
+		
+		for( var m = 0; m < this.maps.length; m++ ) {
+			var map = this.maps[m];
+			
+			var subPanel = new ig.DebugPanel( m, 'Layer '+m );
+			
+			var head = new ig.$new('strong');
+			head.textContent = m +': ' + map.tiles.path;
+			subPanel.container.appendChild( head );
+			
+			subPanel.addOption( new ig.DebugOption('Enabled', map, 'enabled') );
+			subPanel.addOption( new ig.DebugOption('Pre Rendered', map, 'preRender') );
+			subPanel.addOption( new ig.DebugOption('Show Chunks', map, 'debugChunks') );
+			
+			this.generateMiniMap( subPanel, map, m );
+			this.addPanel( subPanel );
+		}
+	},
+	
+	
+	generateMiniMap: function( panel, map, id ) {
+		var s = ig.system.scale; // we'll need this a lot
+		
+		// resize the tileset, so that one tile is 's' pixels wide and high
+		var ts = ig.$new('canvas');
+		var tsctx = ts.getContext('2d');
+		
+		var w = map.tiles.width * s;
+		var h = map.tiles.height * s;
+		var ws = w / map.tilesize;
+		var hs = h / map.tilesize;
+		ts.width = ws;
+		ts.height = hs;
+		tsctx.drawImage( map.tiles.data, 0, 0, w, h, 0, 0, ws, hs );
+		
+		// create the minimap canvas
+		var mapCanvas = ig.$new('canvas');
+		mapCanvas.width = map.width * s;
+		mapCanvas.height = map.height * s;
+		var ctx = mapCanvas.getContext('2d');
+		
+		if( ig.game.clearColor ) {
+			ctx.fillStyle = ig.game.clearColor; 
+			ctx.fillRect(0, 0, w, h);
+		}
+		
+		// draw the map
+		var tile = 0;
+		for( var x = 0; x < map.width; x++ ) {
+			for( var y = 0; y < map.height; y++ ) {
+				if( (tile = map.data[y][x]) ) {
+					ctx.drawImage(
+						ts, 
+						Math.floor(((tile-1) * s) % ws),
+						Math.floor((tile-1) * s / ws) * s,
+						s, s,
+						x * s, y * s,
+						s, s
+					);
+				}
+			}
+		}
+		
+		var mapContainer = ig.$new('div');
+		mapContainer.className = 'ig_debug_map_container';
+		mapContainer.style.width = map.width * s + 'px';
+		mapContainer.style.height = map.height * s + 'px';
+		
+		var mapScreen = ig.$new('div');
+		mapScreen.className = 'ig_debug_map_screen';
+		mapScreen.style.width = ((ig.system.width / map.tilesize) * s - 2) + 'px';
+		mapScreen.style.height = ((ig.system.height / map.tilesize) * s - 2) + 'px';
+		this.mapScreens[id] = mapScreen;
+		
+		mapContainer.appendChild( mapCanvas );
+		mapContainer.appendChild( mapScreen );
+		panel.container.appendChild( mapContainer );
+	},
+	
+	
+	afterRun: function() {
+		// Update the screen position DIV for each mini-map
+		var s = ig.system.scale;
+		for( var m = 0; m < this.maps.length; m++ ) {
+			var map = this.maps[m];
+			var screen = this.mapScreens[m];
+			
+			if( !map || !screen ) { // Quick sanity check
+				continue;
+			}
+			
+			var x = map.scroll.x / map.tilesize;
+			var y = map.scroll.y / map.tilesize;
+			
+			if( map.repeat ) {
+				x %= map.width;
+				y %= map.height;
+			}
+			
+			screen.style.left = (x * s) + 'px';
+			screen.style.top = (y * s) + 'px';
+		}
+	}
+});
+
+
+ig.debug.addPanel({
+	type: ig.DebugMapsPanel,
+	name: 'maps',
+	label: 'Background Maps'
+});
+
+
+});