Refactor object creation a bit. Add sewing pins

media/objects/pin-head.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 12 12" style="enable-background:new 0 0 12 12;" xml:space="preserve">
+<g>
+	<circle cx="6" cy="6" r="5.5"/>
+	<path d="M6,1c2.76,0,5,2.24,5,5s-2.24,5-5,5S1,8.76,1,6S3.24,1,6,1 M6,0C2.69,0,0,2.69,0,6s2.69,6,6,6s6-2.69,6-6S9.31,0,6,0L6,0z"
+		/>
+</g>
+</svg>

media/objects/sewing-pin.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 10 140" style="enable-background:new 0 0 10 140;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<path class="st0" d="M5-1"/>
+<path d="M5,0c0,0-5,0-5,2s4,2,4,2v131l1,5l1-5V4c0,0,4,0,4-2S5,0,5,0z"/>
+</svg>

presets/objects.js

@@ -1,25 +1,33 @@
-function makeObject(name, height, mass, image) {
-    views = {
-        object: {
+function makeObject(name, viewInfo) {
+    views = {};
+    console.log(viewInfo)
+
+    Object.entries(viewInfo).forEach(([key, value]) => {
+        console.log(key)
+        views[key] = {
             attributes: {
                 height: {
                     name: "Height",
                     power: 1,
                     type: "length",
-                    base: height
-                },
-                mass: {
-                    name: "Mass",
-                    power: 3,
-                    type: "mass",
-                    base: mass
+                    base: value.height
                 }
             },
-            image: image,
+            image: value.image,
             name: "Object"
         }
-    };
 
+        if (value.mass) {
+            views[key].attributes[key] = {
+                name: "Mass",
+                power: 3,
+                type: "mass",
+                base: value.mass
+            };
+        }
+    });
+
+    console.log(views)
     return makeEntity(name, "Object", views);
 }
 
@@ -30,9 +38,30 @@ function makeObjects() {
         name: "Soda Can",
         constructor: () => makeObject(
             "Soda Can",
-            math.unit(4.83, "inches"),
-            math.unit(15, "grams"),
-            { source: "./media/objects/soda-can.svg" }
+            {
+                front: {
+                    height: math.unit(4.83, "inches"),
+                    mass: math.unit(15, "grams"),
+                    image: { source: "./media/objects/soda-can.svg" }
+                }
+            }
+        )
+    });
+
+    results.push({
+        name: "Sewing Pin",
+        constructor: () => makeObject(
+            "Sewing Pin",
+            {
+                side: {
+                    height: math.unit(1.5, "inches"),
+                    image: { source: "./media/objects/sewing-pin.svg" }
+                },
+                top: {
+                    height: math.unit(2, "millimeters"),
+                    image: { source: "./media/objects/pin-head.svg" }
+                }
+            }
         )
     });