Scale core down, fix offsets to be map-relative not <body>-relative

12 年之前 · a7d974578a
--- a/index.html
+++ b/index.html
@@ -54,22 +54,28 @@
 
				
				      }
			
 
				
				     });
			
 
				
				 
			
 
				
				+    $('<img/>').attr('id', 'map')
			
 
				
				+               .attr('src', levels[layout.level - 1].minimap)
			
 
				
				+               .attr('alt', levels[layout.level - 1].name + " map")
			
 
				
				+               .appendTo($('#mapcontainer'));
			
 
				
				+
			
 
				
				     $.each(layout.towers, function() {
			
 
				
				      createElForTower(towers[this.type])
			
 
				
				        .draggable()
			
 
				
				        .css('position', 'absolute')
			
 
				
				        .offset(adjustMapOffset(this.position, levels[layout.level - 1]))
			
 
				
				        .rotate(this.rotation)
			
 
				
				-       .appendTo($('#palette'));
			
 
				
				+       .appendTo($('#mapcontainer'));
			
 
				
				     });
			
 
				
				    });
			
 
				
				   </script>
			
 
				
				   <style type="text/css">
			
 
				
				-   .tower { width: 40px; height: 40px; }
			
 
				
				+   #mapcontainer { position: relative; }
			
 
				
				+   .tower, .core { width: 40px; height: 40px; }
			
 
				
				   </style>
			
 
				
				  </head>
			
 
				
				  <body>
			
 
				
				-  <img src="res/images/minimaps/TheSpires.png" alt="Minimap" id="map">
			
 
				
				+  <div id="mapcontainer"></div>
			
 
				
				   <img src="res/images/coreIcon.png" alt="core" class="core">
			
 
				
				 
			
 
				
				   <div id="palette">
			
--- a/res/data/levels.js
+++ b/res/data/levels.js
@@ -10,7 +10,7 @@ var levels = [
 
				
				  {name: 'The Throne Room', minimap: 'res/images/minimaps/Level8.png', image: 'res/images/levels/Level8.jpg'},
			
 
				
				  {name: 'Royal Gardens', minimap: 'res/images/minimaps/RoyalGardens.png', image: 'res/images/levels/Level9.jpg'},
			
 
				
				  {name: 'The Ramparts', minimap: 'res/images/minimaps/Level9.png', image: 'res/images/levels/Level10.jpg'},
			
 
				
				- {name: 'Endless Spires', minimap: 'res/images/minimaps/TheSpires.png', image: 'res/images/levels/Level11.jpg', offsets: {left: 150, top: 65}, scale: {left: 1.04, top: 1.04}},
			
 
				
				+ {name: 'Endless Spires', minimap: 'res/images/minimaps/TheSpires.png', image: 'res/images/levels/Level11.jpg', offsets: {left: 142, top: 57}, scale: {left: 1.04, top: 1.04}},
			
 
				
				  {name: 'The Summit', minimap: 'res/images/minimaps/TheSummit.png', image: 'res/images/levels/Level12.jpg'},
			
 
				
				 
			
 
				
				 ];