Merge remote-tracking branch 'upstream/spring2018'

public/ohmlang-lsys/appui.js

@@ -12,7 +12,7 @@ function createApp() {
     function getNewPosition() {
         //let allChild = vwf.find("","/*")
         let cursorVisID = vwf.find("myCursor-avatar-" + vwf.moniker_, "./vis")[0]
-        let avPos = AFRAME.utils.coordinates.parse(vwf.getProperty(cursorVisID, 'worldPosition'));
+        let avPos = AFRAME.utils.coordinates.parse(vwf.callMethod(cursorVisID, 'worldPosition'));
         let newPos = [avPos.x, avPos.y, avPos.z]
         return newPos
     }
@@ -59,6 +59,7 @@ function createApp() {
 
                                     let randomName = "turtle-new-" + self.GUID();
                                     vwf_view.kernel.createChild(sceneID, randomName, newTurtle);
+
                                 }
 
                             }

public/webrtc/appui.js

@@ -14,7 +14,7 @@ function createApp() {
         function getNewPosition() {
             //let allChild = vwf.find("","/*")
             let cursorVisID = vwf.find("myCursor-avatar-" + vwf.moniker_, "./vis")[0]
-            let avPos = AFRAME.utils.coordinates.parse(vwf.getProperty(cursorVisID, 'worldPosition'));
+            let avPos = AFRAME.utils.coordinates.parse(vwf.callMethod(cursorVisID, 'worldPosition'));
             let newPos = [avPos.x, avPos.y, avPos.z]
             return newPos
         }

support/client/lib/vwf.js

@@ -293,7 +293,7 @@
                         deps: [ "vwf/model/aframe/aframe-master" ]
                     },
 
-                    "vwf/model/aframe/addon/aframe-gamepad-controls.min": {
+                    "vwf/model/aframe/extras/aframe-extras.controls.min": {
                         deps: [ "vwf/model/aframe/aframe-master" ]
                     },
                     "vwf/model/aframe/addon/SkyShader": {
@@ -351,7 +351,7 @@
                     "vwf/model/aframe/addon/aframe-sun-sky",
                     "vwf/model/aframe/addon/aframe-components",
                     "vwf/model/aframe/addon/SkyShader",
-                    "vwf/model/aframe/addon/aframe-gamepad-controls.min",
+                    "vwf/model/aframe/extras/aframe-extras.controls.min",
                     "vwf/model/aframe/addon/BVHLoader",
                     "vwf/model/aframe/addon/TransformControls",
                     "vwf/model/aframe/addon/THREE.MeshLine"
@@ -388,7 +388,7 @@
                 
                 
                 { library: "vwf/model/aframe/addon/SkyShader", active: false },
-                { library: "vwf/model/aframe/addon/aframe-gamepad-controls.min", active: false },
+                { library: "vwf/model/aframe/extras/aframe-extras.controls.min", active: false },
 
                 { library: "vwf/view/aframeComponent", active: true },
 
@@ -2839,6 +2839,8 @@ if ( ! childComponent.source ) {
                                         //document.querySelector('body').removeChild(progressbar);
                                         progressbar.classList.remove( "visible" );
                                         progressbar.classList.add( "not-visible" );
+                                        progressbar.classList.add( "mdc-linear-progress--closed" );
+                                        
                                     }   
                                     // var spinner = document.getElementById( "vwf-loading-spinner" );
                                     // spinner && spinner.classList.remove( "pace-active" );

support/client/lib/vwf/model/aframe.js

@@ -257,6 +257,7 @@ define(["module", "vwf/model", "vwf/utility"], function (module, model, utility)
             if(!node) return;
 
             if (node && node.aframeObj ) {
+
                 if (methodName == 'lookAt') {
                     console.log('lookAt: ' +  methodParameters[0]);
                     let target = methodParameters[0];
@@ -264,6 +265,24 @@ define(["module", "vwf/model", "vwf/utility"], function (module, model, utility)
                     let newRotation = node.aframeObj.getAttribute('rotation');
                     self.kernel.setProperty(nodeID, "rotation", {x: 0, y: newRotation.y, z: 0}); 
                 }
+
+                if (methodName == 'worldRotation') {
+
+                    let worldQuat = node.aframeObj.object3D.getWorldQuaternion(); 
+                    let angle = (new THREE.Euler()).setFromQuaternion(worldQuat, 'YXZ');
+                    let rotation = (new THREE.Vector3(THREE.Math.radToDeg(angle.x),
+                    THREE.Math.radToDeg(angle.y), THREE.Math.radToDeg(angle.z) ));
+                    return rotation
+
+                }
+
+                if (methodName == 'worldPosition') {
+
+                    let position = node.aframeObj.object3D.getWorldPosition();
+                    return position
+
+                }
+
             }
 
            
@@ -342,9 +361,6 @@ define(["module", "vwf/model", "vwf/utility"], function (module, model, utility)
 
                     switch (propertyName) {
 
-                        case "worldPosition":
-                            break;
-
                         case "position":
                             this.state.setAFrameProperty('position', propertyValue, aframeObject);
                             break;
@@ -789,13 +805,6 @@ define(["module", "vwf/model", "vwf/utility"], function (module, model, utility)
 
                     switch (propertyName) {
 
-                        case "worldPosition":
-                        var pos = aframeObject.object3D.getWorldPosition();
-                        if (pos !== undefined) {
-                            value = pos;
-                        }
-                        break;
-
                         case "position":
                             var pos = aframeObject.getAttribute('position');
                             if (pos !== undefined) {

support/client/lib/vwf/model/aframe/addon/aframe-components.js

@@ -415,7 +415,6 @@ AFRAME.registerComponent('gearvrcontrol', {
             vwf_view.kernel.callMethod(controllerID, "triggerup", []);
         });
 
-
     },
 
     update: function () {

support/client/lib/vwf/model/aframe/extras/components/grab.js

@@ -1,6 +1,13 @@
 (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
-AFRAME.registerComponent('grab', require('./src/misc/grab'));
+'use strict';
+
+require('./src/misc/grab');
+
 },{"./src/misc/grab":2}],2:[function(require,module,exports){
+'use strict';
+
+/* global CANNON */
+
 /**
  * Based on aframe/examples/showcase/tracked-controls.
  *
@@ -8,14 +15,17 @@ AFRAME.registerComponent('grab', require('./src/misc/grab'));
  * Determines if the entity is grabbed or released.
  * Updates its position to move along the controller.
  */
-module.exports = {
-  init: function () {
+
+module.exports = AFRAME.registerComponent('grab', {
+  init: function init() {
+    this.system = this.el.sceneEl.systems.physics;
+
     this.GRABBED_STATE = 'grabbed';
 
     this.grabbing = false;
-    this.hitEl =      /** @type {AFRAME.Element}    */ null;
-    this.physics =    /** @type {AFRAME.System}     */ this.el.sceneEl.systems.physics;
-    this.constraint = /** @type {CANNON.Constraint} */ null;
+    this.hitEl = /** @type {AFRAME.Element}    */null;
+    this.physics = /** @type {AFRAME.System}     */this.el.sceneEl.systems.physics;
+    this.constraint = /** @type {CANNON.Constraint} */null;
 
     // Bind event handlers
     this.onHit = this.onHit.bind(this);
@@ -23,7 +33,7 @@ module.exports = {
     this.onGripClose = this.onGripClose.bind(this);
   },
 
-  play: function () {
+  play: function play() {
     var el = this.el;
     el.addEventListener('hit', this.onHit);
     el.addEventListener('gripdown', this.onGripClose);
@@ -34,7 +44,7 @@ module.exports = {
     el.addEventListener('triggerup', this.onGripOpen);
   },
 
-  pause: function () {
+  pause: function pause() {
     var el = this.el;
     el.removeEventListener('hit', this.onHit);
     el.removeEventListener('gripdown', this.onGripClose);
@@ -45,31 +55,35 @@ module.exports = {
     el.removeEventListener('triggerup', this.onGripOpen);
   },
 
-  onGripClose: function (evt) {
+  onGripClose: function onGripClose() {
     this.grabbing = true;
   },
 
-  onGripOpen: function (evt) {
+  onGripOpen: function onGripOpen() {
     var hitEl = this.hitEl;
     this.grabbing = false;
-    if (!hitEl) { return; }
+    if (!hitEl) {
+      return;
+    }
     hitEl.removeState(this.GRABBED_STATE);
     this.hitEl = undefined;
-    this.physics.world.removeConstraint(this.constraint);
+    this.system.removeConstraint(this.constraint);
     this.constraint = null;
   },
 
-  onHit: function (evt) {
+  onHit: function onHit(evt) {
     var hitEl = evt.detail.el;
     // If the element is already grabbed (it could be grabbed by another controller).
     // If the hand is not grabbing the element does not stick.
     // If we're already grabbing something you can't grab again.
-    if (!hitEl || hitEl.is(this.GRABBED_STATE) || !this.grabbing || this.hitEl) { return; }
+    if (!hitEl || hitEl.is(this.GRABBED_STATE) || !this.grabbing || this.hitEl) {
+      return;
+    }
     hitEl.addState(this.GRABBED_STATE);
     this.hitEl = hitEl;
     this.constraint = new CANNON.LockConstraint(this.el.body, hitEl.body);
-    this.physics.world.addConstraint(this.constraint);
+    this.system.addConstraint(this.constraint);
   }
-};
+});
 
 },{}]},{},[1]);

support/client/lib/vwf/model/aframe/extras/components/sphere-collider.js

@@ -1,6 +1,11 @@
 (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
-AFRAME.registerComponent('sphere-collider', require('./src/misc/sphere-collider'));
+'use strict';
+
+require('./src/misc/sphere-collider');
+
 },{"./src/misc/sphere-collider":2}],2:[function(require,module,exports){
+'use strict';
+
 /**
  * Based on aframe/examples/showcase/tracked-controls.
  *
@@ -11,15 +16,16 @@ AFRAME.registerComponent('sphere-collider', require('./src/misc/sphere-collider'
  * @property {string} state - State to set on collided entities.
  *
  */
-module.exports = {
+
+module.exports = AFRAME.registerComponent('sphere-collider', {
   schema: {
-    objects: {default: ''},
-    state: {default: 'collided'},
-    radius: {default: 0.05},
-    watch: {default: true}
+    objects: { default: '' },
+    state: { default: 'collided' },
+    radius: { default: 0.05 },
+    watch: { default: true }
   },
 
-  init: function () {
+  init: function init() {
     /** @type {MutationObserver} */
     this.observer = null;
     /** @type {Array<Element>} Elements to watch for collisions. */
@@ -31,20 +37,20 @@ module.exports = {
     this.handleHitEnd = this.handleHitEnd.bind(this);
   },
 
-  remove: function () {
+  remove: function remove() {
     this.pause();
   },
 
-  play: function () {
+  play: function play() {
     var sceneEl = this.el.sceneEl;
 
     if (this.data.watch) {
       this.observer = new MutationObserver(this.update.bind(this, null));
-      this.observer.observe(sceneEl, {childList: true, subtree: true});
+      this.observer.observe(sceneEl, { childList: true, subtree: true });
     }
   },
 
-  pause: function () {
+  pause: function pause() {
     if (this.observer) {
       this.observer.disconnect();
       this.observer = null;
@@ -54,9 +60,9 @@ module.exports = {
   /**
    * Update list of entities to test for collision.
    */
-  update: function () {
+  update: function update() {
     var data = this.data;
-    var objectEls;
+    var objectEls = void 0;
 
     // Push entities into list of els to intersect.
     if (data.objects) {
@@ -69,20 +75,21 @@ module.exports = {
     this.els = Array.prototype.slice.call(objectEls);
   },
 
-  tick: (function () {
+  tick: function () {
     var position = new THREE.Vector3(),
         meshPosition = new THREE.Vector3(),
-        meshScale = new THREE.Vector3(),
         colliderScale = new THREE.Vector3(),
         distanceMap = new Map();
     return function () {
       var el = this.el,
           data = this.data,
           mesh = el.getObject3D('mesh'),
-          colliderRadius,
           collisions = [];
+      var colliderRadius = void 0;
 
-      if (!mesh) { return; }
+      if (!mesh) {
+        return;
+      }
 
       distanceMap.clear();
       position.copy(el.object3D.getWorldPosition());
@@ -92,14 +99,14 @@ module.exports = {
       this.els.forEach(intersect);
 
       // Emit events and add collision states, in order of distance.
-      collisions
-        .sort(function (a, b) {
-          return distanceMap.get(a) > distanceMap.get(b) ? 1 : -1;
-        })
-        .forEach(this.handleHit);
+      collisions.sort(function (a, b) {
+        return distanceMap.get(a) > distanceMap.get(b) ? 1 : -1;
+      }).forEach(this.handleHit);
 
       // Remove collision state from current element.
-      if (collisions.length === 0) { el.emit('hit', {el: null}); }
+      if (collisions.length === 0) {
+        el.emit('hit', { el: null });
+      }
 
       // Remove collision state from other elements.
       this.collisions.filter(function (el) {
@@ -110,14 +117,23 @@ module.exports = {
       this.collisions = collisions;
 
       // Bounding sphere collision detection
-      function intersect (el) {
-        var radius, mesh, distance, box, extent, size;
-
-        if (!el.isEntity) { return; }
+      function intersect(el) {
+        var radius = void 0,
+            mesh = void 0,
+            distance = void 0,
+            box = void 0,
+            extent = void 0,
+            size = void 0;
+
+        if (!el.isEntity) {
+          return;
+        }
 
         mesh = el.getObject3D('mesh');
 
-        if (!mesh) { return; }
+        if (!mesh) {
+          return;
+        }
 
         box = new THREE.Box3().setFromObject(mesh);
         size = box.getSize();
@@ -125,7 +141,9 @@ module.exports = {
         radius = Math.sqrt(2 * extent * extent);
         box.getCenter(meshPosition);
 
-        if (!radius) { return; }
+        if (!radius) {
+          return;
+        }
 
         distance = position.distanceTo(meshPosition);
         if (distance < radius + colliderRadius) {
@@ -134,22 +152,22 @@ module.exports = {
         }
       }
       // use max of scale factors to maintain bounding sphere collision
-      function scaleFactor (scaleVec) {
+      function scaleFactor(scaleVec) {
         return Math.max.apply(null, scaleVec.toArray());
       }
     };
-  })(),
+  }(),
 
-  handleHit: function (targetEl) {
+  handleHit: function handleHit(targetEl) {
     targetEl.emit('hit');
     targetEl.addState(this.data.state);
-    this.el.emit('hit', {el: targetEl});
+    this.el.emit('hit', { el: targetEl });
   },
-  handleHitEnd: function (targetEl) {
+  handleHitEnd: function handleHitEnd(targetEl) {
     targetEl.emit('hitend');
     targetEl.removeState(this.data.state);
-    this.el.emit('hitend', {el: targetEl});
+    this.el.emit('hitend', { el: targetEl });
   }
-};
+});
 
 },{}]},{},[1]);

support/client/lib/vwf/view/aframe.js

@@ -331,7 +331,8 @@ define(["module", "vwf/view"], function (module, view) {
                         "remoteUrl": '',
                         "displayName": 'Avatar '+ randId(),
                         "sharing": { audio: true, video: true },
-                        "selectMode": false
+                        "selectMode": false,
+                        "position": "0 1.6 0"
                     }
                 }
 
@@ -436,13 +437,26 @@ define(["module", "vwf/view"], function (module, view) {
     });
 
 
-    function compareCoordinates(a, b) {
-        return a.x !== b.x || a.y !== b.y || a.z !== b.z
+    function compareCoordinates(a, b, delta) {
+        return Math.abs(a.x - b.x) > delta || Math.abs(a.y - b.y) > delta || Math.abs(a.z - b.z) > delta
 
     }
 
+    function getWorldRotation(el) {
+
+        let worldQuat = el.object3D.getWorldQuaternion(); 
+        //console.log(worldQuat);
+        let angle = (new THREE.Euler()).setFromQuaternion(worldQuat, 'YXZ');
+        let rotation = (new THREE.Vector3(THREE.Math.radToDeg(angle.x),
+        THREE.Math.radToDeg(angle.y), THREE.Math.radToDeg(angle.z) ));
+
+        return rotation
+    }
+
     function updateAvatarPosition() {
 
+        let delta = 0.0001;
+
         let avatarName = 'avatar-' + self.kernel.moniker();
         var node = self.state.nodes[avatarName];
         if (!node) return;
@@ -450,21 +464,26 @@ define(["module", "vwf/view"], function (module, view) {
 
         let el = document.querySelector('#avatarControl');
         if (el) {
-            let position = el.getAttribute('position');//el.object3D.getWorldPosition()//
-            let rotation = el.getAttribute('rotation');
+            let position = el.object3D.getWorldPosition(); //el.getAttribute('position');
+            let rotation = getWorldRotation(el);
+           
+           // console.log(rotation);
+            //let rotation = el.getAttribute('rotation');
 
             let lastRotation = self.nodes[avatarName].selfTickRotation;
+            let lastPosition = self.nodes[avatarName].selfTickPosition;
 
-            let currentPosition = node.aframeObj.getAttribute('position');
-            let currentRotation = node.aframeObj.getAttribute('rotation');
+            // let currentPosition = node.aframeObj.getAttribute('position');
+            // let currentRotation = node.aframeObj.getAttribute('rotation');
 
-            if (position && rotation && currentPosition && currentRotation && lastRotation) {
-            if (compareCoordinates(position, currentPosition) || rotation.y !== lastRotation.y) {
+            if (position && rotation && lastPosition  && lastRotation) {
+            if (compareCoordinates(position, lastPosition, delta) || Math.abs(rotation.y - lastRotation.y) > delta) {
                     console.log("not equal!!")
                     vwf_view.kernel.callMethod(avatarName, "followAvatarControl", [position, rotation]);
                 }
             }
-            self.nodes[avatarName].selfTickRotation = Object.assign({}, el.getAttribute('rotation'));
+            self.nodes[avatarName].selfTickRotation = Object.assign({}, rotation);
+            self.nodes[avatarName].selfTickPosition = Object.assign({}, position);
         }
 
     }
@@ -472,6 +491,9 @@ define(["module", "vwf/view"], function (module, view) {
 
     function updateHandControllerVR(aName, aSelector) {
         //let avatarName = 'avatar-' + self.kernel.moniker();
+
+        let delta = 0.0001
+
         let avatarName = aName + self.kernel.moniker();
         var node = self.state.nodes[avatarName];
         if (!node) return;
@@ -480,7 +502,9 @@ define(["module", "vwf/view"], function (module, view) {
         let el = document.querySelector(aSelector);
         if (el) {
             let position = el.object3D.getWorldPosition() //el.getAttribute('position');
-            let rotation = el.getAttribute('rotation');
+            let rotation = getWorldRotation(el);
+
+            //let rotation = el.getAttribute('rotation');
 
             let lastRotation = self.nodes[avatarName].selfTickRotation;
             let lastPosition = self.nodes[avatarName].selfTickPosition;
@@ -489,14 +513,17 @@ define(["module", "vwf/view"], function (module, view) {
             //let currentRotation = node.aframeObj.getAttribute('rotation');
 
             if (position && rotation && lastRotation && lastPosition) {
-                if (compareCoordinates(position, lastPosition) || compareCoordinates(rotation, lastRotation)) {
+                if (compareCoordinates(position, lastPosition, delta) || compareCoordinates(rotation, lastRotation, delta)) {
                     console.log("not equal!!");
                     vwf_view.kernel.callMethod(avatarName, "updateVRControl", [position, rotation]);
                 }
             }
 
-            self.nodes[avatarName].selfTickRotation = Object.assign({}, el.getAttribute('rotation'));
-            self.nodes[avatarName].selfTickPosition = Object.assign({}, el.getAttribute('position'));
+          
+            //vwf_view.kernel.callMethod(avatarName, "updateVRControl", [position, rotation]);
+
+            self.nodes[avatarName].selfTickPosition = Object.assign({}, position);
+            self.nodes[avatarName].selfTickRotation = Object.assign({}, rotation);
 
         }
     }
@@ -508,23 +535,30 @@ define(["module", "vwf/view"], function (module, view) {
 
         let avatarEl = document.createElement('a-entity');
         avatarEl.setAttribute('id', 'avatarControlParent');
-        avatarEl.setAttribute('position', '0 1.6 0');
+        
 
         if (AFRAME.utils.device.isGearVR()) {
-            avatarEl.setAttribute('position', '0 0 0');
+            avatarEl.setAttribute('movement-controls', {});//{'controls': 'gamepad'});
+            //avatarEl.setAttribute('position', '0 0 0');
         }
+       
 
         let controlEl = document.createElement('a-camera');
 
         controlEl.setAttribute('id', 'avatarControl');
-        controlEl.setAttribute('wasd-controls', {});
+        //controlEl.setAttribute('wasd-controls', {});
         controlEl.setAttribute('look-controls', {pointerLockEnabled: false});
-       controlEl.setAttribute('gamepad-controls', {'controller': 0});
+       //controlEl.setAttribute('gamepad-controls', {'controller': 0});
         
+
         //controlEl.setAttribute('gearvr-controls',{});
-        controlEl.setAttribute('camera', 'active', true);
+        
        // controlEl.setAttribute('camera', 'near', 0.51);
 
+       
+    //controlEl.setAttribute('position', '0 0 0');
+    controlEl.setAttribute('camera', 'active', true);
+
         let cursorEl = document.createElement('a-cursor');
         cursorEl.setAttribute('id', 'cursor-' + avatarName);
         cursorEl.setAttribute('raycaster', {});
@@ -625,26 +659,32 @@ define(["module", "vwf/view"], function (module, view) {
 
         let sceneEl = document.querySelector('a-scene');
 
-        //let avatarControl = document.querySelector('#avatarControlParent');
+        let avatarControl = document.querySelector('#avatarControlParent');
 
         let gearvr = document.createElement('a-entity');
         gearvr.setAttribute('id', 'gearvrcontrol');
-        gearvr.setAttribute('gearvr-controls', '');
-        gearvr.setAttribute('gearvr-controls', 'hand', 'right');
-        gearvr.setAttribute('gearvrcontrol', '');
-        sceneEl.appendChild(gearvr);
+        gearvr.setAttribute('gearvr-controls', {
+            'hand': 'right',
+        'model': true        });
+       // gearvr.setAttribute('gearvr-controls', 'hand', 'right');
+
+        gearvr.setAttribute('gearvrcontrol', {});
+        avatarControl.appendChild(gearvr);
 
     }
 
     function createWMRVRControls(hand) {
 
         let sceneEl = document.querySelector('a-scene');
+
+        let avatarControl = document.querySelector('#avatarControlParent');
+
         let wmrvr = document.createElement('a-entity');
         wmrvr.setAttribute('id', 'wmrvrcontrol' + hand);
         wmrvr.setAttribute('windows-motion-controls', '');
         wmrvr.setAttribute('windows-motion-controls', 'hand', hand);
         wmrvr.setAttribute('wmrvrcontrol', {'hand': hand});
-        sceneEl.appendChild(wmrvr);
+        avatarControl.appendChild(wmrvr);
     }
 
 

support/client/lib/vwf/view/lib/editorLive.css

@@ -60,6 +60,12 @@
 
 }
 
+:root {
+  --mdc-theme-primary: #3f51b5;
+  --mdc-theme-secondary: #c62828;
+}
+
+
 .draggable {
   top: 200px;
   left: 400px;

support/client/lib/vwf/view/widgets.js

@@ -180,7 +180,7 @@ define(function () {
             return {
                 $cell: true,
                 $type: "button",
-                class: "mdc-button mdc-button--stroked mdc-ripple-upgraded",
+                class: "mdc-button mdc-button--stroked",
                 $text: obj.label,
                 onclick: obj.onclick
             }
@@ -190,7 +190,7 @@ define(function () {
             return {
                 $cell: true,
                 $type: "button",
-                class: "mdc-button mdc-ripple-upgraded",
+                class: "mdc-button",
                 $text: obj.label,
                 onclick: obj.onclick
             }
@@ -354,16 +354,15 @@ define(function () {
             }
 
             return {
-                $cell: true,
                 $type: "i",
-                class: "mdc-icon-toggle material-icons "+ addClass,
+                class: addClass + " mdc-icon-toggle material-icons",
                 role: "button",
                 $text: obj.label,
                 id: obj.id,
                 'data-toggle-on': obj.on,
                 'data-toggle-off': obj.off,
                 'aria-pressed': obj.state,
-                //'aria-hidden': true,
+                'aria-hidden': true,
                 $init: obj.init
             }
         }

support/proxy/vwf.example.com/aframe/aentity.vwf.yaml

@@ -10,7 +10,6 @@ properties:
   displayName:
   visible:
   edit:
-  worldPosition:
   osc:
 methods:
   setGizmoMode:
@@ -20,5 +19,7 @@ methods:
   lookAt:
     parameters:
       - nodeID
+  worldRotation:
+  worldPosition:
 scripts:
   - source: "http://vwf.example.com/aframe/aentity.js"

support/proxy/vwf.example.com/aframe/ascene.js

@@ -398,7 +398,7 @@ this.createModelObj = function (mtlSrc, objSrc, name, avatar) {
         let cursorNode = myAvatar.avatarNode.myHead.myCursor.vis;
 
         if (cursorNode) {
-            position = cursorNode.worldPosition;
+            position = cursorNode.worldPosition();
             //console.log(position);
         }
 
@@ -428,7 +428,7 @@ this.createModelObj = function (mtlSrc, objSrc, name, avatar) {
     }
 
     self.children.create(nodeName, modelNode, function( child ) {
-        if (avatar) child.lookAt(self.children[avatar].worldPosition)
+        if (avatar) child.lookAt(self.children[avatar].worldPosition())
        });
 
 }
@@ -456,7 +456,7 @@ this.createModel = function (modelType, modelSrc, avatar) {
             let cursorNode = myAvatar.avatarNode.myHead.myCursor.vis;
         
             if (cursorNode) {
-                 position = cursorNode.worldPosition;
+                 position = cursorNode.worldPosition();
                 //console.log(position);
             }
     
@@ -490,7 +490,7 @@ this.createModel = function (modelType, modelSrc, avatar) {
         }
 
         self.children.create(nodeName, modelNode, function( child ) {
-            if (avatar) child.lookAt(self.children[avatar].worldPosition)
+            if (avatar) child.lookAt(self.children[avatar].worldPosition())
            });
 
        });
@@ -539,7 +539,7 @@ this.createPrimitive = function (type, params, name, node, avatar) {
         let cursorNode = myAvatar.avatarNode.myHead.myCursor.vis;
 
         if (cursorNode) {
-            position = cursorNode.worldPosition;
+            position = cursorNode.worldPosition();
             //console.log(position);
         }
 
@@ -587,7 +587,7 @@ this.createPrimitive = function (type, params, name, node, avatar) {
     if (newNode) {
         newNode.properties.position = position;
         this.children.create(nodeName, newNode, function( child ) {
-            if (avatar) child.lookAt(self.children[avatar].worldPosition);
+            if (avatar) child.lookAt(self.children[avatar].worldPosition());
           });
     }
 
@@ -608,7 +608,7 @@ this.createCamera = function (name, node, avatar) {
         let cursorNode = myAvatar.avatarNode.myHead.myCursor.vis;
 
         if (cursorNode) {
-            position = cursorNode.worldPosition;
+            position = cursorNode.worldPosition();
             //console.log(position);
         }
 
@@ -622,7 +622,7 @@ this.createCamera = function (name, node, avatar) {
     if (newNode) {
         newNode.properties.position = position;
         this.children.create(nodeName, newNode, function( child ) {
-            if (avatar) child.lookAt(self.children[avatar].worldPosition);
+            if (avatar) child.lookAt(self.children[avatar].worldPosition());
           });
     }
 
@@ -643,7 +643,7 @@ this.createCameraWithOffset = function (name, node, avatar) {
         let cursorNode = myAvatar.avatarNode.myHead.myCursor.vis;
 
         if (cursorNode) {
-            position = cursorNode.worldPosition;
+            position = cursorNode.worldPosition();
             //console.log(position);
         }
 
@@ -657,7 +657,7 @@ this.createCameraWithOffset = function (name, node, avatar) {
     if (newNode) {
         newNode.properties.position = position;
         this.children.create(nodeName, newNode, function( child ) {
-            if (avatar) child.lookAt(self.children[avatar].worldPosition);
+            if (avatar) child.lookAt(self.children[avatar].worldPosition());
           });
     }
 
@@ -681,7 +681,7 @@ this.createImage = function (imgSrc, name, node, avatar) {
         let cursorNode = myAvatar.avatarNode.myHead.myCursor.vis;
 
         if (cursorNode) {
-            position = cursorNode.worldPosition;
+            position = cursorNode.worldPosition();
             //console.log(position);
         }
 
@@ -708,7 +708,7 @@ this.createImage = function (imgSrc, name, node, avatar) {
             let cursorNode = myAvatar.avatarNode.myHead.myCursor.vis;
         
             if (cursorNode) {
-                 position = cursorNode.worldPosition;
+                 position = cursorNode.worldPosition();
                 //console.log(position);
             }
     
@@ -726,7 +726,7 @@ this.createImage = function (imgSrc, name, node, avatar) {
             newNode.properties.height = child.height;
 
             self.children.create(nodeName, newNode, function( child ) {
-                if (avatar) child.lookAt(self.children[avatar].worldPosition)
+                if (avatar) child.lookAt(self.children[avatar].worldPosition())
                });
     
         } else {
@@ -742,7 +742,7 @@ this.createImage = function (imgSrc, name, node, avatar) {
         newNode.properties.height = child.height;
     
             self.children.create(nodeName, newNode, function( child ) {
-                if (avatar) child.lookAt(self.children[avatar].worldPosition)
+                if (avatar) child.lookAt(self.children[avatar].worldPosition())
                });
     
             }
@@ -774,7 +774,7 @@ this.createVideo = function (vidSrc, name, node, avatar) {
         let cursorNode = myAvatar.avatarNode.myHead.myCursor.vis;
 
         if (cursorNode) {
-            position = cursorNode.worldPosition;
+            position = cursorNode.worldPosition();
             //console.log(position);
         }
 
@@ -800,7 +800,7 @@ this.createVideo = function (vidSrc, name, node, avatar) {
             let cursorNode = myAvatar.avatarNode.myHead.myCursor.vis;
         
             if (cursorNode) {
-                 position = cursorNode.worldPosition;
+                 position = cursorNode.worldPosition();
                 //console.log(position);
             }
     
@@ -820,7 +820,7 @@ this.createVideo = function (vidSrc, name, node, avatar) {
             newNode.properties.height = child.videoHeight;
 
             self.children.create(nodeName, newNode, function( child ) {
-                if (avatar) child.lookAt(self.children[avatar].worldPosition)
+                if (avatar) child.lookAt(self.children[avatar].worldPosition())
                });
 
         } else {
@@ -834,7 +834,7 @@ this.createVideo = function (vidSrc, name, node, avatar) {
                 newNode.properties.height = child.videoHeight;
 
                 self.children.create(nodeName, newNode, function( child ) {
-                    if (avatar) child.lookAt(self.children[avatar].worldPosition)
+                    if (avatar) child.lookAt(self.children[avatar].worldPosition())
                    });
 
             }
@@ -863,7 +863,7 @@ this.createAudio = function (itemSrc, name, node, avatar) {
         let cursorNode = myAvatar.avatarNode.myHead.myCursor.vis;
 
         if (cursorNode) {
-            position = cursorNode.worldPosition;
+            position = cursorNode.worldPosition();
             //console.log(position);
         }
 
@@ -896,7 +896,7 @@ this.createAudio = function (itemSrc, name, node, avatar) {
             let cursorNode = myAvatar.avatarNode.myHead.myCursor.vis;
         
             if (cursorNode) {
-                 position = cursorNode.worldPosition;
+                 position = cursorNode.worldPosition();
                 //console.log(position);
             }
     
@@ -925,7 +925,7 @@ this.createAudio = function (itemSrc, name, node, avatar) {
         };
 
         self.children.create(nodeName, newNode, function( child ) {
-            if (avatar) child.lookAt(self.children[avatar].worldPosition)
+            if (avatar) child.lookAt(self.children[avatar].worldPosition())
            });
 
        // }

support/proxy/vwf.example.com/aframe/avatar.js

@@ -39,7 +39,7 @@ this.modelBodyDef = {
 
 this.createAvatarBody = function (modelSrc) {
 
-    var userHeight = 0;
+    var userHeight = -1.6;
 
     // if (AFRAME.utils.device.isGearVR()) {
     //     userHeight = 0

support/proxy/vwf.example.com/aframe/gearvrcontroller.js

@@ -32,8 +32,16 @@ this.simpleDef = {
                         "color": "green"
                     }
                 }
+                // "rotationText": {
+                //     "extends": "http://vwf.example.com/aframe/atext.vwf",
+                //     "properties":{
+                //         "value": "rot",
+                //             "side": "double",
+                //     }
+                // }
             }
         }
+       
     }
 }
 
@@ -95,8 +103,10 @@ this.createController = function (modelSrc) {
 
 this.updateVRControl = function(position, rotation){
 
-    this.rotation = rotation;
+    
     this.position = position;
+    this.rotation = rotation;
+   // this.handVRNode.controller.pointer.rotationText.value = rotation.x.toString() + rotation.y.toString() + rotation.z.toString();
 
 }
 

support/proxy/vwf.example.com/aframe/wmrvrcontroller.js

@@ -33,15 +33,15 @@ this.simpleDef = {
                     }
                 }
             }
-        },
-        "interpolation":
-            {
-                "extends": "http://vwf.example.com/aframe/interpolation-component.vwf",
-                "type": "component",
-                "properties": {
-                    "enabled": true
-                }
-            }
+        }
+        // "interpolation":
+        //     {
+        //         "extends": "http://vwf.example.com/aframe/interpolation-component.vwf",
+        //         "type": "component",
+        //         "properties": {
+        //             "enabled": true
+        //         }
+        //     }
     }
 }