Death Star graphic set added

js/GraphicSet.js

@@ -5,7 +5,8 @@ let GraphicSet = [
         tiles: 8,
         scale: 3,
         backgroundColor: '#6096ff',
-        backgroundImage: null
+        backgroundImage: null,
+        tilePreview: 5
     },
     {
         name: 'Moon',
@@ -13,7 +14,17 @@ let GraphicSet = [
         tiles: 2,
         scale: 3,
         backgroundColor: 'black',
-        backgroundImage: 'background_earth.jpg'
+        backgroundImage: 'background_earth.jpg',
+        tilePreview: 1
+    },
+    {
+        name: 'Death Star',
+        tileset: 'deathstar.png',
+        tiles: 96,
+        scale: 1,
+        backgroundColor: '#171721',
+        backgroundImage: null,
+        tilePreview: 1
     }
 ];
 

js/retro/RetroArchitecture.js

@@ -224,12 +224,12 @@ export default class RetroArchitecture
     {
         context.drawImage(
             this.tilesetSprite.canvas,
-            field.tile.index * this.tileWidth,
+            (field.tile.index % this.tiles) * this.tileWidth,
             0,
             this.tileWidth,
             this.tileHeight,
-            x * this.tileWidth - camera.position.x,
+            x * this.tileWidth - camera.position.x - 1,
-            y * this.tileHeight - camera.position.y,
+            y * this.tileHeight - camera.position.y - 1,
             this.tileWidth + 1,
             this.tileHeight + 1
         );

tilorswift/style.css

@@ -112,6 +112,9 @@ body {
     top: 0;
     background-color: #cccccc;
     box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.5);
+    max-width: 1000%;
+    max-height: 500%;
+    overflow: auto;
 }
 
 #tileset-picker:hover > #tileset-selector-widget {