janusweb 1.5.29 → 1.5.33

package/scripts/janusparagraph.js

@@ -66,15 +66,15 @@ elation.require(['janusweb.janusbase'], function() {
       if (!this.canvas || !this.texture) return;
       var ctx = this.canvas.getContext('2d'),
           texture = this.texture;
-      this.canvas.width = 512;
-      this.canvas.height = 512;
+      this.canvas.width = 1024;
+      this.canvas.height = 1024;
       var text_col = '#' + this.text_col.getHexString(),
           back_col = 'rgba(' + (this.back_col.r * 255) + ', ' + (this.back_col.g * 255) + ', ' + (this.back_col.b * 255) + ', ' + this.back_alpha + ')';
       var basestyle = 'font-family: sans-serif;' +
                       'font-size: ' + this.font_size + 'px;' +
                       'color: ' + text_col + ';' +
                       'background: ' + back_col + ';' +
-                      'max-width: 502px;' +
+                      'max-width: 1014px;' +
                       'padding: 5px;';
 
       // We need to sanitize our HTML in case someone provides us with malformed markup.

package/scripts/janusparticle.js

@@ -67,6 +67,7 @@ elation.require(['janusweb.janusbase'], function() {
       this.collidable = false;
       this.boundingRadiusSq = 0;
       this.boundingSphereWorld = new THREE.Sphere();
+      this.furthestPoint = new THREE.Vector3();
       this.lastrefresh = 0;
       this.updateParticles = elation.bind(this, this.updateParticles); // FIXME - hack, this should happen at the lower level of all components
     }
@@ -324,11 +325,19 @@ elation.require(['janusweb.janusbase'], function() {
       // We also rate limit here, so if nothing else in the scene is changing, we
       // render at a lower fps
       this.localToWorld(this.boundingSphereWorld.center.set(0,0,0));
-      if (!this.objects['3d'].geometry.boundingSphere) {
-        this.objects['3d'].geometry.computeBoundingSphere();
+      let geo = this.objects['3d'].geometry;
+      if (!geo.boundingSphere) {
+        geo.computeBoundingSphere();
+      } else {
+        let currentBoundingRadius = geo.boundingSphere.radius
+        if (this.boundingRadiusSq > currentBoundingRadius * currentBoundingRadius) {
+           geo.boundingSphere.radius = Math.sqrt(this.boundingRadiusSq) + .1;
+        }
       }
-      this.boundingSphereWorld.radius = this.objects['3d'].geometry.boundingSphere.radius;
+
+      this.boundingSphereWorld.radius = geo.boundingSphere.radius;
       if (player.viewfrustum.intersectsSphere(this.boundingSphereWorld) && now - this.lastrefresh > (1000 / this.refreshrate)) {
+
         this.refresh();
         this.lastrefresh = now;
       }
@@ -341,11 +350,14 @@ elation.require(['janusweb.janusbase'], function() {
         var lengthSq = vec.lengthSq();
         if (lengthSq > this.boundingRadiusSq) {
           this.boundingRadiusSq = lengthSq;
+          this.furthestPoint.copy(vec);
+/*
           var geo = this.objects['3d'].geometry;
           if (!geo.boundingSphere) {
             geo.boundingSphere = new THREE.Sphere();
           }
           geo.boundingSphere.radius = Math.sqrt(lengthSq);
+*/
         }
       }
     }
@@ -461,8 +473,7 @@ elation.require(['janusweb.janusbase'], function() {
         mesh.traverse(function(n) {
           if (n && n.geometry) {
             var geo = n.geometry;
-            if (geo instanceof THREE.Geometry) {
-            } else if (geo instanceof THREE.BufferGeometry) {
+            if (geo instanceof THREE.BufferGeometry) {
               var positions = geo.attributes.position.array;
               for (var i = 0; i < positions.length; i += 3) {
                 vertices.push(new THREE.Vector3(positions[i] * scale.x, positions[i+1] * scale.y, positions[i+2] * scale.z));

package/scripts/janusplayer.js

@@ -2,7 +2,18 @@ elation.require(['engine.things.player', 'janusweb.external.JanusVOIP', 'ui.butt
   elation.requireCSS('janusweb.janusplayer');
 
   elation.component.add('engine.things.janusplayer', function() {
-    this.defaultavatar = '<FireBoxRoom>\n  <Assets>\n    <AssetObject id="screen" src="https://web.janusxr.org/media/assets/hoverscreen.obj" mtl="https://web.janusxr.org/media/assets/hoverscreen.mtl" />\n  </Assets>\n  <Room>\n    <Ghost id="januswebuser" col="#ffffff" lighting="true" head_pos="0 1.4 0" body_id="" eye_pos="0 1.6 0" userid_pos="0 0.5 0" cull_face="back" screen_name="screen_Cube.004">\n      <Object id="screen" js_id="head" />\n    </Ghost>\n  </Room>\n</FireBoxRoom>'
+    //this.defaultavatar = '<FireBoxRoom>\n  <Assets>\n    <AssetObject id="screen" src="https://web.janusxr.org/media/assets/hoverscreen.obj" mtl="https://web.janusxr.org/media/assets/hoverscreen.mtl" />\n  </Assets>\n  <Room>\n    <Ghost id="januswebuser" col="#ffffff" lighting="true" head_pos="0 1.4 0" body_id="" eye_pos="0 1.6 0" userid_pos="0 0.5 0" cull_face="back" screen_name="screen_Cube.004">\n      <Object id="screen" js_id="head" />\n    </Ghost>\n  </Room>\n</FireBoxRoom>'
+    this.defaultavatar = `
+    <FireBoxRoom>
+      <assets>
+        <assetobject id="body" src="http://www.baicoianu.com/~bai/janusweb/test/janus-avatar-base.glb" />
+        <assetobject id="avatar_animations" src="http://www.baicoianu.com/~bai/janusweb/test/janus-avatar-animations.glb" />
+      </assets>
+      <room>
+        <ghost scale=".01 .01 .01" col="#e0d5a1" body_id="body" bone_head="head" />
+      </room>
+    </FireBoxRoom>
+    `;
 
     this.postinit = function() {
       elation.engine.things.janusplayer.extendclass.postinit.call(this);
@@ -15,9 +26,12 @@ elation.require(['engine.things.player', 'janusweb.external.JanusVOIP', 'ui.butt
         cursor_visible: {type: 'boolean', default: true, set: this.toggleCursorVisibility},
         cursor_opacity: {type: 'float', default: 1.0, set: this.toggleCursorVisibility},
         usevoip: {type: 'boolean', default: false },
+        defaultanimation: {type: 'string', default: 'idle' },
         collision_radius: {type: 'float', default: .25, set: this.updateCollider},
         party_mode: { type: 'boolean', set: this.updatePartyMode },
         avatarsrc: { type: 'string' },
+        cameraview: { type: 'string', default: 'firstperson' },
+        decouplehead: { type: 'boolean', default: false },
       });
 
       var controllerconfig = this.getSetting('controls.settings');
@@ -32,7 +46,9 @@ elation.require(['engine.things.player', 'janusweb.external.JanusVOIP', 'ui.butt
       elation.events.add(this.engine.client.view.container, 'touchend', elation.bind(this, this.handleTouchEnd));
 
       this.controlstate2 = this.engine.systems.controls.addContext('janusplayer', {
-        'voip_active': ['keyboard_v,keyboard_shift_v', elation.bind(this, this.activateVOIP)],
+        'toggle_view': ['keyboard_v,keyboard_shift_v', elation.bind(this, this.toggleCamera)],
+        'zoom_out': ['mouse_wheel_down', ev => this.zoomView(-1)],
+        'zoom_in': ['mouse_wheel_up', ev => this.zoomView(1)],
         //'browse_back': ['gamepad_any_button_4', elation.bind(this, this.browseBack)],
         //'browse_forward': ['gamepad_any_button_5', elation.bind(this, this.browseForward)],
       });
@@ -100,7 +116,7 @@ elation.require(['engine.things.player', 'janusweb.external.JanusVOIP', 'ui.butt
       elation.events.add(this.engine.client.container, 'mousedown', elation.bind(this, this.updateMouseStatus));
       elation.events.add(this.engine.client.container, 'mouseup', elation.bind(this, this.updateMouseStatus));
 
-      elation.events.add(this.room, 'mouseover,mouseout', elation.bind(this, this.updateCursorStyle));
+      this.updateCursorStyle = elation.bind(this, this.updateCursorStyle);
 
       this.touchcache = {
         positions: []
@@ -122,11 +138,13 @@ elation.require(['engine.things.player', 'janusweb.external.JanusVOIP', 'ui.butt
 
       this.getAvatarData().then(avatar => {;
         if (avatar && false) { // FIXME - self avatar is buggy so it's disabled
+/*
           this.ghost = this.createObject('ghost', {
             ghost_id: this.getUsername(),
             avatar_src: 'data:text/plain,' + encodeURIComponent(avatar),
             showlabel: false
           });
+*/
         }
       });
 
@@ -264,14 +282,11 @@ elation.require(['engine.things.player', 'janusweb.external.JanusVOIP', 'ui.butt
             }
           }
         }
-        if (this.ghost) {
+        if (this.ghost && !this.decouplehead) {
+          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);
-          }
-          if (this.ghost._target.body) {
-            //this.ghost._target.body.position.copy(this.body.position);
-            //this.ghost._target.body.orientation.copy(this.body.orientation);
+            this.ghost.head.orientation.copy(this.head.orientation).invert();
           }
         }
       }
@@ -280,6 +295,10 @@ elation.require(['engine.things.player', 'janusweb.external.JanusVOIP', 'ui.butt
       if (this.lookAtLERPtime) {
         this.updateLookAtLERP();
       }
+      if (this.ghost && this.ghost.body) {
+        let animid = this.getAnimationID();
+        this.ghost.body.anim_id = animid;
+      }
     }
     this.updateCursor = (function() {
       var _tmpvec = new THREE.Vector3();
@@ -375,6 +394,21 @@ elation.require(['engine.things.player', 'janusweb.external.JanusVOIP', 'ui.butt
           this.gaze.fired = true;
         }
       }
+      if (this.controlstate.jump && !this.jumping) {
+        let jumptime = 1;
+        if (this.ghost && this.ghost.body.animations && this.ghost.body.animations.jump) {
+          let jumpanim = this.ghost.body.animations.jump;
+          let jumpclip = jumpanim.getClip();
+
+          jumpanim.loop = THREE.LoopOnce;
+
+          if (jumpclip) {
+            jumptime = jumpclip.duration;
+          }
+          this.jumping = true;
+          setTimeout(() => this.jumping = false, (jumptime * 1000) * .8);
+        }
+      }
     }
     this.updateMouseStatus = function(ev) {
       if (ev.type == 'mousedown' && ev.button === 0) {
@@ -412,10 +446,15 @@ elation.require(['engine.things.player', 'janusweb.external.JanusVOIP', 'ui.butt
     }
     this.setRoom = function(newroom) {
       if (this.room) {
+        let oldroomproxy = this.room.getProxyObject();
+        oldroomproxy.removeEventListener('mouseover', this.updateCursorStyle);
+        oldroomproxy.removeEventListener('mouseout', this.updateCursorStyle);
         this.room.part();
       }
       this.room = newroom;
       this.room.join();
+
+/*
       if (!this.gazecaster) {
         this.gazecaster = newroom.createObject('raycaster', {persist: false});
         this.head.add(this.gazecaster._target);
@@ -426,6 +465,11 @@ elation.require(['engine.things.player', 'janusweb.external.JanusVOIP', 'ui.butt
       } else {
         this.gazecaster.setRoom(newroom);
       }
+*/
+      let newroomproxy = newroom.getProxyObject();
+      newroomproxy.addEventListener('mouseover', this.updateCursorStyle);
+      newroomproxy.addEventListener('mouseout', this.updateCursorStyle);
+
       if (!this.cursors) {
         this.cursors = {
           'default': janus.getAsset('image', 'cursor_crosshair'),
@@ -435,25 +479,27 @@ elation.require(['engine.things.player', 'janusweb.external.JanusVOIP', 'ui.butt
           'dot_active': janus.getAsset('image', 'cursor_dot_active'),
         };
       }
-      if (!this.room.selfavatar && this.ghost) {
-        this.ghost.die();
-        this.ghost = false;
-        this.visible = false;
-      } else if (!this.ghost && this.room.selfavatar) {
+      newroom.appendChild(this.getProxyObject());
+      if (this.ghost) {
+        this.ghost.setRoom(newroom);
+      } else if (!this.ghost) { // && this.room.selfavatar) {
         // FIXME - self avatar is buggy so it's disabled
         this.getAvatarData().then(avatar => {
           if (avatar) {
             this.ghost = this.createObject('ghost', {
               ghost_id: this.getUsername(),
               avatar_src: 'data:text/plain,' + encodeURIComponent(avatar),
-              showlabel: false
+              showlabel: false,
+              //pos: V(0, -this.fatness, 0),
+              rotation: V(0, 180, 0),
+              renderorder: 101,
             });
+            this.ghost.orientation.set(0,1,0,0);
           }
         });
         this.visible = true;
       }
 
-      newroom.appendChild(this.getProxyObject());
       for (let k in this.children) {
         if (this.children[k].setRoom) {
           this.children[k].setRoom(room);
@@ -553,6 +599,9 @@ elation.require(['engine.things.player', 'janusweb.external.JanusVOIP', 'ui.butt
 
         collision_radius: ['property', 'collision_radius'],
 
+        currentavatar: ['property', 'currentavatar'],
+        defaultanimation: ['property', 'defaultanimation'],
+
         localToWorld:  ['function', 'localToWorld'],
         worldToLocal:  ['function', 'worldToLocal'],
         appendChild:   ['function', 'appendChild'],
@@ -601,15 +650,13 @@ elation.require(['engine.things.player', 'janusweb.external.JanusVOIP', 'ui.butt
       if (this.ghost) {
         this.ghost.die();
       }
-      this.getAvatarData().then(avatardata => {
-        // FIXME - self avatar is broken and weird right now, so it's disabled
-        if (avatardata && this.room.selfavatar) {
-          this.ghost = this.createObject('ghost', {
-            ghost_id: this.getUsername(),
-            avatar_src: 'data:text/plain,' + encodeURIComponent(avatardata),
-            showlabel: false
-          });
-        }
+      this.ghost = this.createObject('ghost', {
+        ghost_id: this.getUsername(),
+        avatar_src: 'data:text/plain,' + encodeURIComponent(avatar),
+        showlabel: false,
+        //pos: V(0, -this.fatness, 0),
+        rotation: V(0, 180, 0),
+        renderorder: 101,
       });
 
       return setting;
@@ -632,17 +679,19 @@ elation.require(['engine.things.player', 'janusweb.external.JanusVOIP', 'ui.butt
       return voipdata;
     }
     this.getAnimationID = function() {
-      var animid = 'idle';
-      if (this.controlstate.run) {
-        animid = 'run';
-      } else if (this.controlstate.move_forward) {
-        animid = 'walk';
+      var animid = this.defaultanimation;
+      let running = this.controlstate.run;
+
+      if (this.jumping) {
+        animid = 'jump';
       } else if (this.controlstate.move_left) {
-        animid = 'walk_left';
+        animid = (running ? 'run' : 'walk_left');
       } else if (this.controlstate.move_right) {
-        animid = 'walk_right';
+        animid = (running ? 'run' : 'walk_right');
+      } else if (this.controlstate.move_forward) {
+        animid = (running ? 'run' : 'walk');
       } else if (this.controlstate.move_backward) {
-        animid = 'walk_back';
+        animid = (running ? 'run' : 'walk_back');
       } else if (document.activeElement && this.properties.janus.chat && document.activeElement === this.properties.janus.chat.input.inputelement) {
         animid = 'type';
       } else if (this.hasVoipData()) {
@@ -737,10 +786,9 @@ elation.require(['engine.things.player', 'janusweb.external.JanusVOIP', 'ui.butt
     }
     this.updateCursorStyle = function(ev) {
       var vrdisplay = this.engine.systems.render.views.main.vrdisplay;
-      var obj = ev.target || ev.element;
+      var obj = ev.element;
       var proxyobj = (obj.getProxyObject ? obj.getProxyObject() : obj);
 
-
       if (obj && proxyobj && (ev.type == 'mouseover' || ev.type == 'mousemove') && (
             obj.onclick ||
             elation.events.hasEventListener(obj, 'click') ||
@@ -793,8 +841,15 @@ elation.require(['engine.things.player', 'janusweb.external.JanusVOIP', 'ui.butt
     this.updateCollider = function() {
       if (this.objects['dynamics']) {
         if (this.collision_radius > 0) {
+/*
           this.setCollider('sphere', {
             radius: this.collision_radius,
+          });
+*/
+          this.pickable = false;
+          this.setCollider('capsule', {
+            radius: this.collision_radius,
+            length: 1,
             offset: V(0, this.collision_radius, 0)
           });
         } else {
@@ -1036,6 +1091,40 @@ elation.require(['engine.things.player', 'janusweb.external.JanusVOIP', 'ui.butt
         round: true,
         shader_id: 'defaultportal',
       });
+
+      // FIXME - should only set this if we have an active portal animation, and we should use the animation's duration for our timeout
+      this.defaultanimation = 'portal';
+      setTimeout(() => this.defaultanimation = 'idle', 3000);
+    }
+    this.toggleCamera = function(ev) {
+      if (ev.value == 1) {
+        if (this.cameraview == 'firstperson') {
+          this.cameraview = 'thirdperson';
+          this.camera.position.z = 2;
+        } else {
+          this.cameraview = 'firstperson';
+          this.camera.position.z = 0;
+        }
+      }
+    }
+    this.zoomView = function(amount) {
+      if (this.cameraview == 'thirdperson') {
+        this.camera.position.z -= amount / 10;
+      }
+    }
+    this.setAnimationSequence = function(sequence) {
+      let t = 0;
+      let currentanimation = this.defaultanimation;
+      let body = this.ghost.body;
+      sequence.forEach(clipname => {
+        let anim = body.animations[clipname];
+        if (anim) {
+          let clip = anim.getClip();
+          setTimeout(() => { this.defaultanimation = clipname; }, t * 1000);
+          t += clip.duration;
+        }
+      });
+      setTimeout(() => { this.defaultanimation = currentanimation; }, t * 1000);
     }
   }, elation.engine.things.player);
 });

package/scripts/janusweb.js

@@ -170,6 +170,8 @@ elation.require([
         navback:           ['function', 'navigateBack'],
         navforward:        ['function', 'navigateForward'],
         load:              ['function', 'navigateTo'],
+        setActiveRoom:     ['function', 'setActiveRoom'],
+        preload:           ['function', 'preload'],
         navhome:           ['function', 'navigateHome'],
         chatsend:          ['function', 'sendChatMessage'],
         sync:              ['function', 'currentroom.sync'],
@@ -407,6 +409,9 @@ elation.require([
         this.load(url, true, null, referrer === false);
       }
     }
+    this.preload = function(url, stripreferrer) {
+      return this.load(url, false, null, stripreferrer);
+    }
     this.getFixedURL = function(url) {
       // Our 'clean' client URLs don't contain a : because many services have problems parsing them
       var m = url.match(/^(https?)\/\/?(.*)$/i);

package/scripts/janusxrplayer.js

@@ -316,10 +316,9 @@ elation.require(['engine.things.generic', 'janusweb.external.webxr-input-profile
               const minNode = motionControllerRoot.getObjectByName(visualResponse.minNodeName);
               const maxNode = motionControllerRoot.getObjectByName(visualResponse.maxNodeName);
 
-              THREE.Quaternion.slerp(
+              valueNode.quaternion.slerp(
                 minNode.quaternion,
                 maxNode.quaternion,
-                valueNode.quaternion,
                 visualResponse.value
               );
 
@@ -574,7 +573,7 @@ elation.require(['engine.things.generic', 'janusweb.external.webxr-input-profile
         this.laser.updateLine();
         this.cursor.pos.copy(endpoint);
         //this.cursor.zdir = normal;
-        if (this.cursor.room !== room) room.appendChild(this.cursor);
+        if (this.cursor.room !== room._target) room.appendChild(this.cursor);
         //this.cursor.zdir.copy(player.view_dir).multiplyScalar(-1);
         //this.cursor.zdir = normal;
         this.cursor.visible = true;

package/scripts/multiplayermanager.js

@@ -319,9 +319,9 @@ console.log('[MultiplayerManager] part', room.url);
       var roomId = data.roomId;
 
       var room = this.rooms[roomId] || this.activeroom;
-console.log('[MultiplayerManager] spawn remote guy', userId, roomId, room);
 
       var spawnpos = (data.position && data.position.pos ? data.position.pos.split(" ").map(parseFloat) : [0,0,0]);
+      //console.log('[MultiplayerManager] spawn remote guy', userId, roomId, room, spawnpos);
       this.remoteplayers[userId] = room.spawn('remoteplayer', userId, { position: spawnpos, player_id: userId, player_name: userId, pickable: false, collidable: false, janus: this.janusweb, room: room});
       var remote = this.remoteplayers[userId];
 
@@ -330,6 +330,7 @@ console.log('[MultiplayerManager] spawn remote guy', userId, roomId, room);
 
       // If a new player spawned, let's send an avatar update ASAP
       this.updateAvatar();
+      remote.start();
       return remote;
     }
     this.updateAvatar = function() {
@@ -390,6 +391,7 @@ console.log('[MultiplayerManager] spawn remote guy', userId, roomId, room);
 
         if (remote.room !== room) {
           remote.setRoom(room);
+          remote.start();
         }
 
         remote.updateData(movedata);

package/scripts/object.js

@@ -111,6 +111,8 @@ elation.require(['janusweb.janusbase', 'janusweb.websurface'], function() {
       //this.properties.collidable = false;
 
       //this.updateColliderFromGeometry(new THREE.BoxGeometry(1,1,1));
+
+      elation.events.add(this.room, 'skybox_update', ev => this.updateSkybox());
     }
     this.createForces = function() {
       elation.engine.things.janusobject.extendclass.createForces.call(this);
@@ -150,6 +152,13 @@ elation.require(['janusweb.janusbase', 'janusweb.websurface'], function() {
         }), 0);
         this.jsparts.updateParts();
         this.assetloaded = true;
+        if (this.modelasset) {
+          this.initAnimations(this.modelasset.animations);
+          if (this.animations && this.anim_id && this.animations[this.anim_id]) {
+            console.log('start animation', this);
+            this.animations[this.anim_id].play();
+          }
+        }
         if (this.loadingindicator) {
           this.loadingindicator.die();
         }
@@ -177,6 +186,9 @@ elation.require(['janusweb.janusbase', 'janusweb.websurface'], function() {
       if (videoasset) {
         this.videoasset = videoasset;
         texture = videoasset.getInstance();
+        if (!texture.image) {
+          videoasset.load();
+        }
         if (videoasset.sbs3d) {
           //texture.repeat.set(0.5, 1);
           this.texture_repeat.set(0.5, 1);
@@ -276,6 +288,11 @@ elation.require(['janusweb.janusbase', 'janusweb.websurface'], function() {
           this.refresh();
         }
       }
+      if (this.animationmixer) {
+        //this.animationmixer.setTime(new Date().getTime() / 1000);
+        this.animationmixer.update(ev.data);
+        this.refresh();
+      }
     }
     this.assignTextures = function() {
       //console.log('assign textures', this.name, this.objects['3d']);
@@ -316,6 +333,18 @@ elation.require(['janusweb.janusbase', 'janusweb.websurface'], function() {
         if (!modelasset || modelasset.name != this.janusid) {
           modelasset = this.getAsset('model', this.janusid, true);
           this.modelasset = modelasset;
+
+          if (modelasset.animations) {
+            this.initAnimations(modelasset.animations);
+            if (this.anim_id) {
+              if (modelasset && modelasset.loaded) {
+                this.setAnimation(this.anim_id);
+              } else {
+                elation.events.add(modelasset, 'asset_load', () => this.setAnimation(this.anim_id));
+              }
+            }
+          }
+
         }
         if (modelasset.tex) {
           image_id = modelasset.tex;
@@ -557,8 +586,6 @@ elation.require(['janusweb.janusbase', 'janusweb.websurface'], function() {
         blend_dest = srcfactors[this.properties.blend_dest];
       }
 
-      this.extractAnimations(this.objects['3d']);
-
       var scene = this.engine.systems.world.scene['world-3d'];
       if (!this.hasalpha) this.hasalpha = {};
       var hasalpha = this.hasalpha;
@@ -907,6 +934,8 @@ elation.require(['janusweb.janusbase', 'janusweb.websurface'], function() {
         if (oldmat.color) {
           m.color.copy(oldmat.color);
         }
+        m.transmission = oldmat.transmission;
+        m.transmissionMap = oldmat.transmissionMap;
         m.transparent = m.opacity < 1;
         m.alphaTest = oldmat.alphaTest;
         m.skinning = oldmat.skinning;
@@ -915,10 +944,18 @@ elation.require(['janusweb.janusbase', 'janusweb.websurface'], function() {
         if (oldmat.metalnessMap !== undefined) m.metalnessMap = oldmat.metalnessMap;
         if (oldmat.roughness !== undefined) m.roughness = oldmat.roughness;
         if (oldmat.roughnessMap !== undefined) m.roughnessMap = oldmat.roughnessMap;
-        if (oldmat.clearCoat !== undefined) m.clearCoat =  oldmat.clearCoar;
-        if (oldmat.clearCoatRoughness !== undefined) m.clearCoatRoughness = oldmat.clearCoatRoughness;
+        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.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.attenuationDistance !== undefined) m.attenuationDistance = oldmat.attenuationDistance;
+        if (oldmat.thickness !== undefined) m.thickness = oldmat.thickness;
+        if (oldmat.thicknessMap !== undefined) m.thicknessMap = oldmat.thicknessMap;
 
-        m.reflectivity = (oldmat.reflectivity !== undefined ? oldmat.reflectivity : .5);
+        //m.reflectivity = (oldmat.reflectivity !== undefined ? oldmat.reflectivity : .5);
 
         if (oldmat.roughnessMap !== undefined) {
           m.roughnessMap = oldmat.roughnessMap;
@@ -943,17 +980,29 @@ elation.require(['janusweb.janusbase', 'janusweb.websurface'], function() {
         */
 
         if (this.shader_chunk_replace) {
-          let chunkreplace = this.shader_chunk_replace;
+          let chunkreplace = (elation.utils.isString(this.shader_chunk_replace) ? JSON.parse(this.shader_chunk_replace) : this.shader_chunk_replace);
           m.onBeforeCompile = function(shader) {
             for (let oldchunkname in chunkreplace) {
               let newchunkname = chunkreplace[oldchunkname];
               shader.vertexShader = shader.vertexShader.replace('#include <' + oldchunkname + '>', '#include <' + newchunkname + '>');
+              shader.fragmentShader = shader.fragmentShader.replace('#include <' + oldchunkname + '>', '#include <' + newchunkname + '>');
             }
           }
         }
       }
       return m;
     }
+    this.updateSkybox = function() {
+      let envMap = (this.isUsingPBR() ? this.getEnvmap() : null);
+      this.traverseObjects(n => {
+        if (n.material) {
+          let materials = (elation.utils.isArray(n.material) ? n.material : [n.material]);
+          materials.forEach(m => {
+            m.envMap = envMap;
+          });
+        }
+      });
+    }
     this.updateColor = function() {
       elation.engine.things.janusobject.extendclass.updateColor.call(this);
 
@@ -1118,16 +1167,28 @@ elation.require(['janusweb.janusbase', 'janusweb.websurface'], function() {
         if (this.videoasset && this.videotexture && !this.image_id) {
           var texture = this.videotexture;
           var video = texture.image;
-          if (video) {
+/*
+          if (video && !video.playing) {
             video.src = this.videoasset.src;
             if (this.lastVideoTime) {
               video.currentTime = this.lastVideoTime;
             }
           }
-          this.videoasset.play();
+*/
+          //this.videoasset.play();
           //console.log('reload video', video.src, this.videoasset.hls, this.videoasset.auto_play);
-          if (!video.playing && this.videoasset.auto_play) {
-            video.play();
+          if (video.paused) {
+            if (this.videoasset.auto_play) {
+              video.play()
+                .then(() => console.log('Video autoplay start', video))
+                .catch(e => {
+                  var strerr = e.toString();
+                  if (strerr.indexOf('NotSupportedError') == 0 && this.hls !== false) {
+                    console.log('Attempting to init hls', this.videoasset)
+                    this.videoasset.initHLS();
+                  }
+                });
+            }
           } else if (video.muted) {
             video.muted = false;
             video.play();
@@ -1238,6 +1299,41 @@ elation.require(['janusweb.janusbase', 'janusweb.websurface'], function() {
         this.video.volume = this.gain;
       }
     }
+    this.extractMorphTargets = function() {
+        this.objects['3d'].traverse(n => {
+          if (n.morphTargetDictionary && n.morphTargetInfluences && n.morphTargetInfluences.length > 0) {
+            this.morphtargets = n.morphTargetDictionary;
+            this.morphtargetInfluences = n.morphTargetInfluences;
+          }
+        });
+      }
+    this.setMorphTargetInfluence = function(name, value) {
+      if (typeof this.morphtargets == 'undefined') {
+        this.extractMorphTargets();
+      }
+
+      if (this.morphtargets && name in this.morphtargets) {
+        this.morphtargetInfluences[this.morphtargets[name]] = value;
+      }
+    }
+    this.applyPosition = function(pos) {
+      if (!this.modelasset) this.assignTextures();
+
+      let mat4 = new THREE.Matrix4().makeTranslation(+pos.x, +pos.y, +pos.z);
+      if (this.modelasset && this.modelasset.loaded) {
+        // FIXME - should we handle the case where the object is already loaded and we want to modify its origin?
+        //         Currently we do nothing, so we don't double-apply
+      } else {
+        elation.events.add(this.modelasset, 'asset_load', ev => {
+          this.objects['3d'].traverse(n => {
+            if (n instanceof THREE.Mesh) {
+              n.geometry.applyMatrix4(mat4);
+            }
+          });
+        });
+      }
+
+    }
     this.getProxyObject = function(classdef) {
       if (!this._proxyobject) {
         this._proxyobject = elation.engine.things.janusobject.extendclass.getProxyObject.call(this, classdef);