Added table legs

Author: Rick1080p

js/UI/NodeUI.js

@@ -26,7 +26,7 @@ class NodeUI{
                 <div id="node-` + (node.id) + `-UI-header" class="row center-x-spaced center-y">
                     <div class="row center-y">
                         <div class="sensor-color" style="background-color: #`+ node.color.getHexString() + `;"></div>
-                        <p class="main-text">Node + Sensor ` + (node.id + 1) + `</p>
+                        <p class="main-text">Sensor ` + (node.id + 1) + `</p>
                     </div>
                     <div class="row center-y">
                         <!-- <div id="node-` + (node.id) + `-solo-button"><span class="iconify" data-icon="bx:search-alt-2"></span></div> -->

js/UI/Popup.js

@@ -95,7 +95,7 @@ class Popup{
 
         /** PARAMETERS FUNCTIONS */
         this.setTrackingMode = function(mode){
-            console.log('Setting tracking mode popup to', mode);
+            //console.log('Setting tracking mode popup to', mode);
             trackingMode = mode;
 
             switch(trackingMode)
@@ -113,7 +113,7 @@ class Popup{
         }
 
         this.setHeightDetected = function(value){
-            console.log("Setting detected height to ", value);
+            //console.log("Setting detected height to ", value);
             heightDetected = value;
             document.getElementById("overlap-height-selection-popup").value = heightDetected;
         }
@@ -581,7 +581,6 @@ class Popup{
             const toggleElem = document.getElementById("toggle-outdoor-indoor");
             toggleElem.addEventListener('change', () => {
                 let sceneEnvironment;
-                console.log(toggleElem.checked);
                 if(toggleElem.checked){
                     sceneEnvironment = 'outdoor'
                 } else{

js/UI/UIManager.js

@@ -175,7 +175,7 @@ class UIManager{
 
         this.changeTrackingMode = function(trackingMode)
         {
-            console.log('Setting tracking mode UI to ', trackingMode);
+            //console.log('Setting tracking mode UI to ', trackingMode);
             //Displayed image
             document.getElementById("tracking-img").src = "img/" + String(trackingMode) + ".png";
 
@@ -250,7 +250,7 @@ class UIManager{
         }
 
         this.changeHeightDetected = function(value){
-            console.log("changing height to ", value);
+            //console.log("changing height to ", value);
             let text;
             switch (value) {
                 case 1.2:

js/scene/Checkerboard.js

@@ -29,6 +29,7 @@ class Checkerboard{
         const sceneBorder = new LineSegments(new EdgesGeometry(), new LineBasicMaterial( { color: 0x000000 }));
         const planes = new Group();
         const dimensionsText = buildTextMesh(this.width, this.height);
+        const tableLegs = new Group();
 
 
         function buildPlanes(width, height, elevation, unitValue)
@@ -132,6 +133,25 @@ class Checkerboard{
 
             buildPlanes(width, height, elevation, unit.value);
             updateText(width, height, elevation, unit);
+            createTableLegs(width, height, elevation, unit);
+        }
+
+        function createTableLegs(width, height, elevation, unit){
+            tableLegs.clear();
+            const tableLegsGeometry = new BoxGeometry( 1/15, elevation, 1/15 );
+            const material = new MeshBasicMaterial( {color: 0x111111, side: DoubleSide} );
+            let leg1 = new Mesh( tableLegsGeometry, material );
+            leg1.position.set(width, elevation/2, height);
+            tableLegs.add(leg1);
+            let leg2 = new Mesh( tableLegsGeometry, material );
+            leg2.position.set(0, elevation/2, height);
+            tableLegs.add(leg2);
+            let leg3 = new Mesh( tableLegsGeometry, material );
+            leg3.position.set(0, elevation/2, 0);
+            tableLegs.add(leg3);
+            let leg4 = new Mesh( tableLegsGeometry, material );
+            leg4.position.set(width, elevation/2, 0);
+            tableLegs.add(leg4);
         }
 
         function applyTransforms(object, width, height, elevation)
@@ -154,6 +174,7 @@ class Checkerboard{
             scene.add(sceneBorder);
             scene.add(planes);
             scene.add(dimensionsText);
+            scene.add(tableLegs);
         }
 
         this.toggleUnit = function(unit)
@@ -183,6 +204,7 @@ class Checkerboard{
             scene.remove(sceneBorder);
             scene.remove(planes);
             scene.remove(dimensionsText);
+            scene.remove(tableLegs);
         }
 
         this.dispose = function()

js/scene/SceneManager.js

@@ -36,12 +36,12 @@ class ObservableParameter extends Observable {
     }
 
     set(value) {
-        console.log('Setting parameter');
+        //console.log('Setting parameter');
         this.notifyAllObservers(value);
     }
 
     update(origin, value) {
-        console.log('Updating parameter');
+        //console.log('Updating parameter');
         this.notifyObserversExceptOrigin(origin, value);
     }
 }