Converted placeable multidimensional array into object

index.html

@@ -41,6 +41,7 @@
     <script src="vendor/factorio-blueprint.min.js"></script>
     <script src="vendor/pako.js"></script>
     <script src="vendor/base64.js"></script>
+    <script src="js/models/entity.js"></script>
     <script src="js/script.js"></script>
 </body>
 </html>

js/models/entity.js

@@ -0,0 +1,9 @@
+class Entity{
+    constructor(imagePath, rotation, direction,width,height){
+        this.imagePath = imagePath;
+        this.rotation = rotation;
+        this.direction = direction;
+        this.width = width;
+        this.height = height;
+    }
+}

js/script.js

@@ -29,7 +29,7 @@ function GETfromUrl(){
         return object;
     },{});
 }
-var placeable = [
+var placeable = factorioEntityObjectArrayFromMultiArray([
     ["assembling-machine-1.png", 1, 0, 3, 3],
     ["assembling-machine-2.png", 1, 0, 3, 3],
     ["assembling-machine-3.png", 1, 0, 3, 3],
@@ -103,7 +103,7 @@ var placeable = [
     ["decider-combinator.png", 1, 2, 2, 1],
     ["arithmetic-combinator.png", 1, 2, 2, 1],
     ["programmable-speaker.png", 0, 0, 1, 1],
-    ["power-switch.png", 0, 0, 2, 2]];
+    ["power-switch.png", 0, 0, 2, 2]]);
 
 function createJSON() {
     var jsonstring = '{"blueprint": {"icons": [{"signal": {"type": "item","name": "express-transport-belt"},"index": 1}],"entities": [';
@@ -447,12 +447,12 @@ function createItems() {
     for (var i = 0; i < placeable.length; i++) {
         var item = document.createElement("div");
         item.setAttribute("class", "item");
-        url = placeable[i][0];
+        url = placeable[i].imagePath;
         item.setAttribute("data-url", url);
-        item.setAttribute("data-r", placeable[i][1]);
-        item.setAttribute("data-direction", placeable[i][2]);
-        item.setAttribute("data-w", placeable[i][3]);
-        item.setAttribute("data-h", placeable[i][4]);
+        item.setAttribute("data-r", placeable[i].rotation);
+        item.setAttribute("data-direction", placeable[i].direction);
+        item.setAttribute("data-w", placeable[i].width);
+        item.setAttribute("data-h", placeable[i].height);
         item.addEventListener('click', itemClick);
         insertImg(item, url);
         grid.appendChild(item);
@@ -528,7 +528,7 @@ function isBlocked(name, x, y) {
 
 function getPlaceableData(name) {
     for (var i in placeable) {
-        if (placeable[i][0].startsWith(name)) {
+        if (placeable[i].imagePath.startsWith(name)) {
             return placeable[i];
         }
     }
@@ -582,3 +582,11 @@ function encode(json) {
     var bstring = "0" + base64;
     return bstring;
 }
+
+function factorioEntityObjectArrayFromMultiArray(sourceArray){
+    var objectArray = new Array();
+    for(var i = 0; i < sourceArray.length; i++){
+        objectArray.push(new Entity(sourceArray[i][0],sourceArray[i][1],sourceArray[i][2],sourceArray[i][3],sourceArray[i][4]));
+    }
+    return objectArray;
+}