janusweb 1.5.39 → 1.5.42

package/scripts/janusplayer.js

@@ -18,7 +18,11 @@ elation.require(['engine.things.player', 'janusweb.external.JanusVOIP', 'ui.butt
     this.postinit = function() {
       elation.engine.things.janusplayer.extendclass.postinit.call(this);
 
-      this.settings = elation.collection.localindexed({storagekey: 'janusweb.player.settings', index: 'key'});
+      try {
+        this.settings = elation.collection.localindexed({storagekey: 'janusweb.player.settings', index: 'key'});
+      } catch (e) {
+        this.settings = elation.collection.indexed({storagekey: 'janusweb.player.settings', index: 'key'});
+      }
 
       this.defineProperties({
         janus: {type: 'object' },
@@ -127,6 +131,7 @@ elation.require(['engine.things.player', 'janusweb.external.JanusVOIP', 'ui.butt
       this.party_mode = this.getSetting('partymode.enabled', false);
       this.currentavatar = '';
       this.getAvatarData().then(d => this.currentavatar = d);
+      this.morphtargetchanges = {};
     }
     this.createChildren = function() {
       elation.engine.things.janusplayer.extendclass.createChildren.call(this);
@@ -283,10 +288,10 @@ elation.require(['engine.things.player', 'janusweb.external.JanusVOIP', 'ui.butt
           }
         }
         if (this.ghost && !this.decouplehead) {
-          this.ghost.setHeadOrientation(this.head.orientation);
+          this.ghost.setHeadOrientation(this.head.orientation, true);
           if (this.ghost._target.head) {
             //this.ghost._target.face.position.copy(this.head.position);
-            this.ghost.head.orientation.copy(this.head.orientation);
+            this.ghost.head.orientation.copy(this.head.orientation).invert();
           }
         }
       }
@@ -490,7 +495,7 @@ elation.require(['engine.things.player', 'janusweb.external.JanusVOIP', 'ui.butt
               avatar_src: 'data:text/plain,' + encodeURIComponent(avatar),
               showlabel: false,
               //pos: V(0, -this.fatness, 0),
-              //rotation: V(0, 180, 0),
+              rotation: V(0, 180, 0),
               renderorder: 101,
             });
             this.ghost.orientation.set(0,1,0,0);
@@ -541,81 +546,83 @@ elation.require(['engine.things.player', 'janusweb.external.JanusVOIP', 'ui.butt
     this.stop = function() {
     }
     this.getProxyObject = function() {
-      var proxy = new elation.proxy(this, {
-        parent:        ['accessor', 'parent.getProxyObject'],
-        room:          ['property', 'room'],
-        pos:           ['property', 'position'],
-        vel:           ['property', 'velocity'],
-        accel:         ['property', 'acceleration'],
-        eye_pos:       ['property', 'vectors.eye_pos'],
-        head_pos:      ['property', 'vectors.head_pos'],
-        cursor_pos:    ['property', 'vectors.cursor_pos'],
-        cursor_xdir:   ['property', 'vectors.cursor_xdir'],
-        cursor_ydir:   ['property', 'vectors.cursor_ydir'],
-        cursor_zdir:   ['property', 'vectors.cursor_zdir'],
-        view_dir:      ['property', 'vectors.view_zdir'],
-        dir:           ['property', 'vectors.zdir'],
-        up_dir:        ['property', 'vectors.ydir'],
-        userid:        ['property', 'janus.userId'],
-        enabled:       ['property', 'enabled'],
-        flying:        ['property', 'flying'],
-        walking:       ['property', 'walking'],
-        running:       ['property', 'running'],
-        //url:           ['property', 'currenturl'],
-        //hmd_enabled:   ['property', 'hmd_enabled'],
-        cursor_active: ['property', 'cursor_active'],
-        cursor_visible: ['property', 'cursor_visible'],
-        cursor_opacity: ['property', 'cursor_opacity'],
-        cursor_style: ['property', 'cursor_style'],
-        cursor_object: ['property', 'cursor_object'],
-        lookat_object: ['property', 'lookat_object'],
-        lookat_pos:    ['property', 'vectors.lookat_pos'],
-        //lookat_xdir:   ['property', 'properties.lookat_xdir'],
-        //lookat_ydir:   ['property', 'properties.lookat_ydir'],
-        //lookat_zdir:   ['property', 'properties.lookat_zdir'],
-        hand0_active:  ['property', 'hands.left.isactive'],
-        hand0_pos:     ['property', 'hands.left.handpos'],
-        hand0_xdir:    ['property', 'hands.left.xdir'],
-        hand0_ydir:    ['property', 'hands.left.ydir'],
-        hand0_zdir:    ['property', 'hands.left.zdir'],
-        hand0_p0:      ['property', 'hands.left.p0'],
-        hand0_p1:      ['property', 'hands.left.p1'],
-        hand0_p2:      ['property', 'hands.left.p2'],
-        hand0_p3:      ['property', 'hands.left.p3'],
-        hand0_p4:      ['property', 'hands.left.p4'],
+      if (!this._proxyobject) {
+        this._proxyobject = new elation.proxy(this, {
+          parent:        ['accessor', 'parent.getProxyObject'],
+          room:          ['property', 'room'],
+          pos:           ['property', 'position'],
+          vel:           ['property', 'velocity'],
+          accel:         ['property', 'acceleration'],
+          eye_pos:       ['property', 'vectors.eye_pos'],
+          head_pos:      ['property', 'vectors.head_pos'],
+          cursor_pos:    ['property', 'vectors.cursor_pos'],
+          cursor_xdir:   ['property', 'vectors.cursor_xdir'],
+          cursor_ydir:   ['property', 'vectors.cursor_ydir'],
+          cursor_zdir:   ['property', 'vectors.cursor_zdir'],
+          view_dir:      ['property', 'vectors.view_zdir'],
+          dir:           ['property', 'vectors.zdir'],
+          up_dir:        ['property', 'vectors.ydir'],
+          userid:        ['property', 'janus.userId'],
+          enabled:       ['property', 'enabled'],
+          flying:        ['property', 'flying'],
+          walking:       ['property', 'walking'],
+          running:       ['property', 'running'],
+          //url:           ['property', 'currenturl'],
+          //hmd_enabled:   ['property', 'hmd_enabled'],
+          cursor_active: ['property', 'cursor_active'],
+          cursor_visible: ['property', 'cursor_visible'],
+          cursor_opacity: ['property', 'cursor_opacity'],
+          cursor_style: ['property', 'cursor_style'],
+          cursor_object: ['property', 'cursor_object'],
+          lookat_object: ['property', 'lookat_object'],
+          lookat_pos:    ['property', 'vectors.lookat_pos'],
+          //lookat_xdir:   ['property', 'properties.lookat_xdir'],
+          //lookat_ydir:   ['property', 'properties.lookat_ydir'],
+          //lookat_zdir:   ['property', 'properties.lookat_zdir'],
+          hand0_active:  ['property', 'hands.left.isactive'],
+          hand0_pos:     ['property', 'hands.left.handpos'],
+          hand0_xdir:    ['property', 'hands.left.xdir'],
+          hand0_ydir:    ['property', 'hands.left.ydir'],
+          hand0_zdir:    ['property', 'hands.left.zdir'],
+          hand0_p0:      ['property', 'hands.left.p0'],
+          hand0_p1:      ['property', 'hands.left.p1'],
+          hand0_p2:      ['property', 'hands.left.p2'],
+          hand0_p3:      ['property', 'hands.left.p3'],
+          hand0_p4:      ['property', 'hands.left.p4'],
 
-        hand1_active:  ['property', 'hands.right.isactive'],
-        hand1_pos:     ['property', 'hands.right.handpos'],
-        hand1_xdir:    ['property', 'hands.right.xdir'],
-        hand1_ydir:    ['property', 'hands.right.ydir'],
-        hand1_zdir:    ['property', 'hands.right.zdir'],
-        hand1_p0:      ['property', 'hands.right.p0'],
-        hand1_p1:      ['property', 'hands.right.p1'],
-        hand1_p2:      ['property', 'hands.right.p2'],
-        hand1_p3:      ['property', 'hands.right.p3'],
-        hand1_p4:      ['property', 'hands.right.p4'],
-        url:           ['property', 'parent.currentroom.url'],
+          hand1_active:  ['property', 'hands.right.isactive'],
+          hand1_pos:     ['property', 'hands.right.handpos'],
+          hand1_xdir:    ['property', 'hands.right.xdir'],
+          hand1_ydir:    ['property', 'hands.right.ydir'],
+          hand1_zdir:    ['property', 'hands.right.zdir'],
+          hand1_p0:      ['property', 'hands.right.p0'],
+          hand1_p1:      ['property', 'hands.right.p1'],
+          hand1_p2:      ['property', 'hands.right.p2'],
+          hand1_p3:      ['property', 'hands.right.p3'],
+          hand1_p4:      ['property', 'hands.right.p4'],
+          url:           ['property', 'parent.currentroom.url'],
 
-        collision_radius: ['property', 'collision_radius'],
+          collision_radius: ['property', 'collision_radius'],
 
-        currentavatar: ['property', 'currentavatar'],
-        defaultanimation: ['property', 'defaultanimation'],
+          currentavatar: ['property', 'currentavatar'],
+          defaultanimation: ['property', 'defaultanimation'],
 
-        localToWorld:  ['function', 'localToWorld'],
-        worldToLocal:  ['function', 'worldToLocal'],
-        appendChild:   ['function', 'appendChild'],
-        removeChild:   ['function', 'removeChild'],
-        addForce:      ['function', 'addForce'],
-        removeForce:   ['function', 'removeForce'],
-        raycast:       ['function', 'raycast'],
-        getViewFrustum:['function', 'getViewFrustum'],
-        getUsername:   ['function', 'getUsername'],
-        setUsername:   ['function', 'setUsername'],
-        getSetting:   ['function', 'getSetting'],
-        setSetting:   ['function', 'setSetting'],
-        setAvatar:    ['function', 'setAvatar'],
-      });
-      return proxy;
+          localToWorld:  ['function', 'localToWorld'],
+          worldToLocal:  ['function', 'worldToLocal'],
+          appendChild:   ['function', 'appendChild'],
+          removeChild:   ['function', 'removeChild'],
+          addForce:      ['function', 'addForce'],
+          removeForce:   ['function', 'removeForce'],
+          raycast:       ['function', 'raycast'],
+          getViewFrustum:['function', 'getViewFrustum'],
+          getUsername:   ['function', 'getUsername'],
+          setUsername:   ['function', 'setUsername'],
+          getSetting:   ['function', 'getSetting'],
+          setSetting:   ['function', 'setSetting'],
+          setAvatar:    ['function', 'setAvatar'],
+        });
+      }
+      return this._proxyobject;
     }
     this.getAvatarData = function() {
       return new Promise((resolve, reject) => {
@@ -654,7 +661,7 @@ elation.require(['engine.things.player', 'janusweb.external.JanusVOIP', 'ui.butt
         avatar_src: 'data:text/plain,' + encodeURIComponent(avatar),
         showlabel: false,
         //pos: V(0, -this.fatness, 0),
-        //rotation: V(0, 180, 0),
+        rotation: V(0, 180, 0),
         renderorder: 101,
       });
 
@@ -725,6 +732,29 @@ elation.require(['engine.things.player', 'janusweb.external.JanusVOIP', 'ui.butt
       } 
       return handData;
     }
+    this.hasMorphTargetData = function() {
+      return Object.keys(this.morphtargetchanges).length > 0;
+    }
+    this.setMorphTargetInfluence = function(morphtarget, value) {
+      if (this.ghost && this.ghost.body) {
+        this.ghost.body.setMorphTargetInfluence(morphtarget, value);
+        //if (this.morphtargetchanges.indexOf(morphtarget) == -1) {
+        this.morphtargetchanges[morphtarget] = value;
+        //}
+      }
+    }
+    this.getMorphTargetData = function() {
+      if (this.hasMorphTargetData()) {
+        let data = {};
+        let body = this.ghost.body;
+        for (let morphtarget in this.morphtargetchanges) {
+          data[morphtarget] = this.morphtargetchanges[morphtarget];
+          delete this.morphtargetchanges[morphtarget];
+        }
+        return data;
+      }
+      return false;
+    }
     this.getRandomUsername = function() {
       var adjectives = [
 				"Adorable", "Beautiful", "Clean", "Drab", "Elegant", "Fancy", "Glamorous", "Handsome", "Long", "Magnificent",
@@ -999,16 +1029,23 @@ elation.require(['engine.things.player', 'janusweb.external.JanusVOIP', 'ui.butt
       return function(newscale, scaletime, scalecurve) {
         if (newscale != this.scale) {
           startscale.copy(this.properties.scale);
-          let start = performance.now();
-          let timer = setInterval(() => {
-            let n = (performance.now() - start) / scaletime;
+          if (scaletime) {
+            let start = performance.now();
+            let timer = setInterval(() => {
+              let n = (performance.now() - start) / scaletime;
 
-            this.scale = tmpvec.set(newscale, newscale, newscale).sub(startscale).multiplyScalar(n).add(startscale);
+              this.scale = tmpvec.set(newscale, newscale, newscale).sub(startscale).multiplyScalar(n).add(startscale);
+              this.camera.scale = camscale.set(1 / this.scale.x, 1 / this.scale.y, 1 / this.scale.z);
+              if (n >= 1) {
+                clearInterval(timer);
+                this.scale.set(newscale, newscale, newscale);
+                this.camera.scale = camscale.set(1 / this.scale.x, 1 / this.scale.y, 1 / this.scale.z);
+              }
+            }, 16);
+          } else {
+            this.scale.set(newscale, newscale, newscale);
             this.camera.scale = camscale.set(1 / this.scale.x, 1 / this.scale.y, 1 / this.scale.z);
-            if (n >= 1) {
-              clearInterval(timer);
-            }
-          }, 16);
+          }
         }
       };
     })();

package/scripts/janusweb.js

@@ -1,6 +1,6 @@
 elation.require([
   'janusweb.config', 'engine.things.generic','janusweb.remoteplayer', 'janusweb.room', 'janusweb.tracking', 'janusweb.multiplayermanager', 'janusweb.external.JanusFireboxParser', 'utils.proxy',
-  'janusweb.elements.raycaster', 'janusweb.elements.teleporter', 'janusweb.elements.linesegments'], function() {
+  'janusweb.elements.raycaster', 'janusweb.elements.teleporter', 'janusweb.elements.linesegments', 'janusweb.elements.outliner'], function() {
 
   elation.requireCSS('janusweb.janusweb');
   elation.component.add('engine.things.janusweb', function() {
@@ -74,7 +74,11 @@ elation.require([
       });
       elation.events.add(window, 'popstate', elation.bind(this, this.handlePopstate));
 
-      this.bookmarks = elation.collection.localindexed({index: 'url', storagekey: 'janusweb.bookmarks'});
+      try {
+        this.bookmarks = elation.collection.localindexed({index: 'url', storagekey: 'janusweb.bookmarks'});
+      } catch (e) {
+        this.bookmarks = elation.collection.indexed({index: 'url', storagekey: 'janusweb.bookmarks'});
+      }
 
       if (this.corsproxy != '') {
         elation.engine.assets.setCORSProxy(this.corsproxy);
@@ -108,7 +112,7 @@ elation.require([
 
       this.assetpack.executeWhenLoaded(() => {
         // TODO - this should be config-driven
-        this.registerAdditionalElements(['raycaster', 'linesegments']);
+        this.registerAdditionalElements(['raycaster', 'linesegments', 'outliner']);
 
         if (this.networking) {
           this.network = elation.janusweb.multiplayermanager({
@@ -620,7 +624,7 @@ elation.require([
     this.registerElement = function(tagname, classobj, extendclass) {
       if (!extendclass || !elation.engine.things[extendclass]) extendclass = 'janusbase';
       tagname = tagname.toLowerCase();
-console.log('Register new SYSTEM tag type:', tagname, classobj, extendclass);
+      //console.log('Register new SYSTEM tag type:', tagname, classobj, extendclass);
       elation.component.add('engine.things.' + tagname, classobj, elation.engine.things[extendclass]);
 /*
       this.typemap[tagname] = tagname;

package/scripts/janusxrplayer.js

@@ -282,7 +282,7 @@ elation.require(['engine.things.generic', 'janusweb.external.webxr-input-profile
         janus.engine.systems.controls.removeVirtualGamepad(this.device.gamepad);
       },
       async createMotionController(xrInputSource) {
-        let uri = 'https://baicoianu.com/~bai/webxr-input-profiles/packages/assets/dist/profiles';
+        let uri = 'https://cdn.jsdelivr.net/npm/@webxr-input-profiles/assets@latest/dist/profiles';
         const { profile, assetPath } = await elation.janusweb.external.webxrinput.fetchProfile(xrInputSource, uri);
         const motionController = new elation.janusweb.external.webxrinput.MotionController(xrInputSource, profile, assetPath);
         this.motionController = motionController;
@@ -291,6 +291,7 @@ elation.require(['engine.things.generic', 'janusweb.external.webxr-input-profile
 
         this.controller = this.createObject('object', {
           id: 'blah-' + this.device.handedness,
+          cull_face: 'back',
           visible: true,
         });
         this.controller.addEventListener('load', (ev) => { this.controller.visible = true; });
@@ -375,7 +376,10 @@ elation.require(['engine.things.generic', 'janusweb.external.webxr-input-profile
             if (this.controller) this.controller.visible = false;
             if (this.skeleton) this.skeleton.visible = true;
           } else {
-            if (this.controller) this.controller.visible = true;
+            if (this.controller) {
+              this.controller.visible = true;
+              this.controller.opacity = player.cursor_opacity;
+            }
             if (this.skeleton) {
               this.skeleton.die();
               this.skeleton = false;
@@ -389,6 +393,7 @@ elation.require(['engine.things.generic', 'janusweb.external.webxr-input-profile
         if (this.pointer && raypose) {
           this.pointer.pos.copy(raypose.transform.position);
           this.pointer.orientation.copy(raypose.transform.orientation);
+          this.pointer.updateCursorOpacity();
         }
       },
       createButtons() {
@@ -541,6 +546,7 @@ elation.require(['engine.things.generic', 'janusweb.external.webxr-input-profile
           opacity: .8,
           col: this.lasercolor,
           visible: false,
+          transparent: true,
         });
         this.bonk = this.createObject('object', {
           id: 'cylinder',
@@ -563,6 +569,7 @@ elation.require(['engine.things.generic', 'janusweb.external.webxr-input-profile
           opacity: .5,
           cull_face: 'none',
           billboard: 'y',
+          transparent: true,
         });
         this.raycaster = this.createObject('raycaster', {});
         this.raycaster.addEventListener('raycastenter', (ev) => this.handleRaycastEnter(ev));
@@ -581,6 +588,41 @@ elation.require(['engine.things.generic', 'janusweb.external.webxr-input-profile
         //this.cursor.zdir = normal;
         this.cursor.visible = true;
       },
+      updateCursorOpacity() {
+        if (!this.activeobject) return;
+        let proxyobj = this.activeobject,
+            obj = proxyobj._target;
+        if (obj && proxyobj && (
+              obj.onclick ||
+              elation.events.hasEventListener(obj, 'click') ||
+              elation.events.hasEventListener(proxyobj, 'click') ||
+              obj.onmousedown ||
+              elation.events.hasEventListener(obj, 'mousedown') ||
+              elation.events.hasEventListener(proxyobj, 'mousedown')
+            )) {
+          this.laser.col.setRGB(0,255,0);
+          this.laser.opacity = player.cursor_opacity * .8;
+          this.laser.updateColor();
+          this.cursor.image_id = 'cursor_dot_active';
+          this.cursor.opacity = player.cursor_opacity;
+          //this.laser.visible = false; // FIXME - hack to disable laser without breaking things
+
+/*
+          let gamepad = this.device.gamepad;
+          if ("hapticActuators" in gamepad && gamepad.hapticActuators.length > 0) {
+            gamepad.hapticActuators[0].pulse(1, 100);
+          }
+*/
+
+        } else {
+          this.laser.col.setRGB(255,0,0);
+          this.laser.opacity = player.cursor_opacity * .4;
+          this.laser.updateColor();
+          this.cursor.image_id = 'cursor_dot_inactive';
+          this.cursor.opacity = player.cursor_opacity / 2;
+          //this.laser.visible = false; // FIXME - hack to disable laser without breaking things
+        }
+      },
       handleRaycastEnter(ev) {
         let proxyobj = ev.data.object,
             obj = proxyobj._target;
@@ -607,10 +649,10 @@ elation.require(['engine.things.generic', 'janusweb.external.webxr-input-profile
               elation.events.hasEventListener(proxyobj, 'mousedown')
             )) {
           this.laser.col.setRGB(0,1,0);
-          this.laser.opacity = .8;
+          this.laser.opacity = player.cursor_opacity * .8;
           this.laser.updateColor();
           this.cursor.image_id = 'cursor_dot_active';
-          this.cursor.opacity = 1;
+          this.cursor.opacity = player.cursor_opacity;
           //this.laser.visible = false; // FIXME - hack to disable laser without breaking things
 
 /*
@@ -622,10 +664,10 @@ elation.require(['engine.things.generic', 'janusweb.external.webxr-input-profile
 
         } else {
           this.laser.col.setRGB(1,0,0);
-          this.laser.opacity = .4;
+          this.laser.opacity = player.cursor_opacity * .4;
           this.laser.updateColor();
           this.cursor.image_id = 'cursor_dot_inactive';
-          this.cursor.opacity = .5;
+          this.cursor.opacity = player.cursor_opacity / 2;
           //this.laser.visible = false; // FIXME - hack to disable laser without breaking things
         }
 
@@ -669,7 +711,7 @@ elation.require(['engine.things.generic', 'janusweb.external.webxr-input-profile
       },
       handleRaycastLeave(ev) {
         this.laser.col.setRGB(0,1,1);
-        this.laser.opacity = .2;
+        this.laser.opacity = player.cursor_opacity * .2;
         this.laser.updateColor();
       },
       handleSelectStart(ev) {

package/scripts/multiplayermanager.js

@@ -272,6 +272,10 @@ console.log('[MultiplayerManager] set active room:', room, this.activeroom);
           };
         }
       } 
+      let morphtargetdata = player.getMorphTargetData();
+      if (morphtargetdata) {
+        moveData.morphtargets = morphtargetdata
+      }
 
 //console.log(moveData, server, room);
       server.send({'method': 'move', 'data': moveData});

package/scripts/object.js

@@ -191,6 +191,7 @@ elation.require(['janusweb.janusbase', 'janusweb.websurface'], function() {
           if (this.animations && this.anim_id && this.animations[this.anim_id]) {
             console.log('start animation', this);
             this.animations[this.anim_id].play();
+            this.activeanimation = this.animations[this.anim_id];
           }
         }
         if (this.loadingindicator) {
@@ -843,8 +844,9 @@ elation.require(['janusweb.janusbase', 'janusweb.websurface'], function() {
                 m.emissiveMap = textureEmissive;
                 textureEmissive.encoding = THREE.sRGBEncoding;
                 m.emissive = new THREE.Color(0xffffff);
-              } else {
+              } else if (this.emissive) {
                 //m.emissive = this.emissive.clone();
+                m.emissive.copy(this.emissive)
               }
               m.emissiveIntensity = this.emissive_intensity;
             }
@@ -863,7 +865,7 @@ elation.require(['janusweb.janusbase', 'janusweb.websurface'], function() {
               m.metalness = this.metalness;
             }
 
-            if (this.isUsingPBR()) {
+            if (this.isUsingPBR() && !this.isUsingToonShader()) {
               m.envMap = this.getEnvmap();
             }
 
@@ -881,7 +883,7 @@ elation.require(['janusweb.janusbase', 'janusweb.websurface'], function() {
                 m.transparent = true;
               }
             } else {
-              m.blending = THREE.NormalBlending;
+              //m.blending = THREE.NormalBlending;
             }
             if (this.depth_write !== null) {
               m.depthWrite = this.depth_write;
@@ -973,9 +975,10 @@ elation.require(['janusweb.janusbase', 'janusweb.websurface'], function() {
         var m = materials;
       } else if (oldmat instanceof THREE.PointsMaterial ||
                  oldmat instanceof THREE.LineBasicMaterial ||
-                 oldmat instanceof THREE.LineDashedMaterial
+                 oldmat instanceof THREE.LineDashedMaterial ||
+                 oldmat instanceof THREE.ShaderMaterial
                 ) {
-        var m = oldmat.clone();
+        var m = oldmat;
       } else {
         var m = this.allocateMaterial();
         m.dithering = true;
@@ -1009,7 +1012,7 @@ elation.require(['janusweb.janusbase', 'janusweb.websurface'], function() {
         }
         m.transmission = oldmat.transmission;
         m.transmissionMap = oldmat.transmissionMap;
-        m.transparent = m.opacity < 1;
+        m.transparent = oldmat.transparent || m.opacity < 1;
         m.alphaTest = oldmat.alphaTest;
         m.skinning = oldmat.skinning;
 
@@ -1019,11 +1022,12 @@ elation.require(['janusweb.janusbase', 'janusweb.websurface'], function() {
         if (oldmat.roughnessMap !== undefined) m.roughnessMap = oldmat.roughnessMap;
         if (oldmat.clearcoat !== undefined) m.clearcoat =  oldmat.clearcoat;
         if (oldmat.clearcoatMap !== undefined) m.clearcoatMap = oldmat.clearcoatMap;
-        if (oldmat.clearcoatRoughness !== undefined) m.clearcoatcoughness = oldmat.clearcoatRoughness;
+        if (oldmat.clearcoatRoughness !== undefined) m.clearcoatRoughness = oldmat.clearcoatRoughness;
         if (oldmat.clearcoatRoughnessMap !== undefined) m.clearcoatRoughnessMap = oldmat.clearcoatRoughnessMap;
         if (oldmat.clearcoatNormalMap !== undefined) m.clearcoatNormalMap = oldmat.clearcoatNormalMap;
         if (oldmat.clearcoatNormalScale !== undefined) m.clearcoatNormalScale = oldmat.clearcoatNormalScale;
         if (oldmat.attenuationTint !== undefined) m.attenuationTint = oldmat.attenuationTint;
+        if (oldmat.attenuationColor !== undefined) m.attenuationColor = oldmat.attenuationColor;
         if (oldmat.attenuationDistance !== undefined) m.attenuationDistance = oldmat.attenuationDistance;
         if (oldmat.thickness !== undefined) m.thickness = oldmat.thickness;
         if (oldmat.thicknessMap !== undefined) m.thicknessMap = oldmat.thicknessMap;
@@ -1108,10 +1112,10 @@ elation.require(['janusweb.janusbase', 'janusweb.websurface'], function() {
       if (this.shader_id) {
       } else if (!this.lighting) {
         return new THREE.MeshBasicMaterial();
-      } else if (this.isUsingPBR()) {
-        return new THREE.MeshPhysicalMaterial();
       } else if (this.isUsingToonShader()) {
         return new THREE.MeshToonMaterial();
+      } else if (this.isUsingPBR()) {
+        return new THREE.MeshPhysicalMaterial();
       }
       return new THREE.MeshPhongMaterial();
     }
@@ -1407,6 +1411,14 @@ elation.require(['janusweb.janusbase', 'janusweb.websurface'], function() {
       }
 
     }
+    this.cloneAnimations = function(object) {
+      if (object.animations && this.animationmixer) {
+        for (let k in object.animations) {
+          let action = this.animationmixer.clipAction(object.animations[k]._clip);
+          this.animations[k] = action;
+        }
+      }
+    }
     this.getProxyObject = function(classdef) {
       if (!this._proxyobject) {
         this._proxyobject = elation.engine.things.janusobject.extendclass.getProxyObject.call(this, classdef);

package/scripts/room.js

@@ -53,8 +53,8 @@ elation.require([
         'defaultlights': { type: 'bool', default: true, set: this.updateLights },
         'shadows': { type: 'bool', default: false, set: this.updateShadows },
         'party_mode': { type: 'bool', default: true },
-        'walk_speed': { type: 'float', default: 1.8 },
-        'run_speed': { type: 'float', default:  5.4 },
+        'walk_speed': { type: 'float', default: 1.8, set: this.updatePlayerSpeed },
+        'run_speed': { type: 'float', default:  5.4, set: this.updatePlayerSpeed },
         'jump_velocity': { type: 'float', default: 5.0 },
         'flying': { type: 'boolean', default: true, set: this.updateFlying },
         'gravity': { type: 'float', default: 0, set: this.updateGravity },
@@ -306,6 +306,7 @@ elation.require([
         let equi = this.getAsset('image', this.skybox_equi);
         elation.events.add(equi, 'asset_load', ev => {
           this.skyboxtexture = ev.target._texture;
+          this.skyboxtexture.mapping = THREE.EquirectangularReflectionMapping;
           if (this.janus.currentroom === this) {
             this.skyboxobj.setTexture(this.skyboxtexture);
           }
@@ -705,9 +706,9 @@ elation.require([
     }
     this.parseSource = function(data) { 
       this.fullsource = data;
-      var titlere = /<title>([\s\S]*?)<\/title>/mi;
-      var re = /<fireboxroom>[\s\S]*?<\/fireboxroom>/mi;
-      var re2 = /<janus-viewer[^>]*>[\s\S]*?<\/janus-viewer>/mi;
+      var titlere = /<title>([\s\S]*?)<\/title>/si;
+      var re = /<fireboxroom>[\s\S]*?<\/fireboxroom>/si;
+      var re2 = /<janus-viewer[^>]*>[\s\S]*?<\/janus-viewer>/si;
       var mtitle = data.match(titlere);
       var parsed = {
         title: 'Untitled Room',
@@ -957,8 +958,12 @@ elation.require([
         this.properties.cursor_opacity = room.cursor_opacity;
 
         let cookieStorageID = 'cookies.' + this.url;
-        if (cookieStorageID in localStorage) {
-          this.cookies = JSON.parse(localStorage['cookies.' + this.url]);
+        try {
+          if (cookieStorageID in localStorage) {
+            this.cookies = JSON.parse(localStorage['cookies.' + this.url]);
+          }
+        } catch (e) {
+          this.cookies = [];
         }
 
         if (room.onload) {
@@ -1632,7 +1637,10 @@ console.log('connect room audio to graph', this.audionodes.gain, this.audionodes
     }
     this.addCookie = function(name, value) {
       this.cookies[name] = value;
-      localStorage['cookies.' + this.url] = JSON.stringify(this.cookies);
+      try {
+        localStorage['cookies.' + this.url] = JSON.stringify(this.cookies);
+      } catch (e) {
+      }
     }
     this.doScriptOnload = function() {
       if (--this.pendingScripts <= 0) {
@@ -1971,11 +1979,17 @@ console.log('connect room audio to graph', this.audionodes.gain, this.audionodes
     this.updateFlying = function() {
       if (typeof player != 'undefined') {
         player.flying = this.flying;
-        console.log('Toggle player flying', this.flying);
+        //console.log('Toggle player flying', this.flying);
+      }
+    }
+    this.updatePlayerSpeed = function() {
+      if (typeof player != 'undefined') {
+        player.properties.movestrength = 80 * this.properties.walk_speed;
+        player.properties.runstrength = 80 * this.properties.run_speed;
       }
     }
     this.updateTeleport = function() {
-      console.log('Toggle player teleport', this.teleport);
+      //console.log('Toggle player teleport', this.teleport);
     }
     this.updateGravity = function() {
       if (this.loaded) {