Gesture demo: add walls arround to keep the items nearbye.

astojilj · astojilj · commit 0728eedd8430 · 2018-06-06T14:29:32.000+03:00
Removed flip camera is it doesnt work good.
diff --git a/gesture/depth_and_segments.js b/gesture/depth_and_segments.js
diff --git a/gesture/index.html b/gesture/index.html
@@ -39,6 +39,7 @@
   bottom: 20px;
   right: 20px;
   color: black;
+  visibility: hidden; /*it isn't that usable*/
 }
 </style>
 <body>
@@ -172,7 +173,7 @@
     const DEBUG_DRAW_BONES = false;
 
     document.getElementById("rotate-toggle").addEventListener("change", function() {
-      depthseg.setXFlip(this.checked);
+      depthseg.setXZFlip(this.checked);
     });
 
     var timer = app.createTimer();
@@ -268,7 +269,67 @@
         mass: 0, // ground
         visible: true,
         ground: 1,
-        opacity: 0.8
+        opacity: 0.7
+      },
+      { // wall
+        translate: [0, 0, -0.4],
+        quat: [-0.1, 0, 0, 1],
+        scale: [3, 1, 0.05],
+        mvpMatrix: mat4.create(),
+        modelMatrix: mat4.create(),
+        lightMvpMatrix: mat4.create(),
+        mainDrawCall: null,
+        shadowDrawCall: null,
+        array: planeArray,
+        mass: 0, // ground
+        visible: true,
+        ground: 1,
+        opacity: 1
+      },
+      { // nearest wall
+        translate: [0, 0, 0.4],
+        quat: [0, 0, 0, 1],
+        scale: [3, 1, 0.05],
+        mvpMatrix: mat4.create(),
+        modelMatrix: mat4.create(),
+        lightMvpMatrix: mat4.create(),
+        mainDrawCall: null,
+        shadowDrawCall: null,
+        array: planeArray,
+        mass: 0, // ground
+        visible: true,
+        ground: 1,
+        opacity: 0.2
+      },
+      { // wall to the right, not visible to let the light in.
+        translate: [0.5, 0, 0],
+        quat: [0, -0.2, 0, 1],
+        scale: [0.05, 1, 3],
+        mvpMatrix: mat4.create(),
+        modelMatrix: mat4.create(),
+        lightMvpMatrix: mat4.create(),
+        mainDrawCall: null,
+        shadowDrawCall: null,
+        array: planeArray,
+        mass: 0, // ground
+        visible: false,
+        ground: 1,
+        opacity: 0.2
+      },
+      { // wall on the left.
+        translate: [-0.5, 0, 0],
+        quat: [0, 0.2, 0, 1],
+        scale: [0.05, 1, 3],
+        mvpMatrix: mat4.create(),
+        modelMatrix: mat4.create(),
+        lightMvpMatrix: mat4.create(),
+        mainDrawCall: null,
+        shadowDrawCall: null,
+        array: planeArray,
+        mass: 0, // ground
+        visible: true,
+        ground: 1,
+        opacity: 1
       },
       {
         translate: [0.1, 0.075, 0],
diff --git a/gesture/indexaframe.html b/gesture/indexaframe.html
@@ -90,7 +90,7 @@
 
 
     document.getElementById("rotate-toggle").addEventListener("change", function() {
-      depthseg.setXFlip(this.checked);
+      depthseg.setXZFlip(this.checked);
     });
 
     const depth_to_world_transform = mat4.create();
