janusweb 1.5.33 → 1.5.37

package/scripts/client.js

@@ -1,5 +1,4 @@
-elation.require(['engine.engine', 'engine.assets', 'engine.things.light_ambient', 'engine.things.light_directional', 'engine.things.light_point', 'janusweb.janusweb', 'janusweb.chat', 'janusweb.janusplayer', 'janusweb.janusxrplayer', 'janusweb.external.document-register-element', 'janusweb.ui.main'], function() {
-
+elation.require(['elements.elements', 'elements', 'engine.engine', 'engine.assets', 'engine.things.light_ambient', 'engine.things.light_directional', 'engine.things.light_point', 'janusweb.janusweb', 'janusweb.chat', 'janusweb.janusplayer', 'janusweb.janusxrplayer', 'janusweb.external.document-register-element', 'janusweb.ui.main', 'elements.elements'], function() {
   // If getCurrentScript returns non-null here, then it means we're in release mode
   var clientScript = elation.utils.getCurrentScript();
 
@@ -12,7 +11,7 @@ elation.require(['engine.engine', 'engine.assets', 'engine.things.light_ambient'
     var homepage = elation.utils.any(args.homepage, elation.config.get('janusweb.homepage'), document.location.href);
     var corsproxy = elation.utils.any(args.corsproxy, elation.config.get('engine.assets.corsproxy'), document.location.href);
     var container = elation.utils.any(args.container, document.body);
-    var fullsize = (container == document.body);
+    var fullsize = elation.utils.any(args.fullsize, container == document.body);
 
     if (elation.config.get('serviceworker.enabled') && 'serviceWorker' in navigator) {
       var workerscript = elation.config.get('serviceworker.script', 'service-worker.js');
@@ -58,7 +57,7 @@ elation.require(['engine.engine', 'engine.assets', 'engine.things.light_ambient'
     document.head.appendChild(link);
     elation.html.addclass(document.body, 'dark');
     elation.html.addclass(document.body, 'janusweb');
-    var janusweb = elation.janusweb.client({
+    var janusweb = elation.elements.create('janusweb.client', {
       append: container, 
       homepage: homepage, 
       corsproxy: corsproxy, 
@@ -67,6 +66,7 @@ elation.require(['engine.engine', 'engine.assets', 'engine.things.light_ambient'
       showchat: elation.utils.any(args.showchat, true),
       usevoip: elation.utils.any(args.usevoip, false),
       resolution: args.resolution, 
+      fullsize: fullsize,
       url: args.url,
       networking: args.networking,
       autoload: args.autoload,
@@ -82,13 +82,31 @@ elation.require(['engine.engine', 'engine.assets', 'engine.things.light_ambient'
       elation.events.add(janusweb.engine, 'engine_start', function() { resolve(janusweb); });
     });
   });
-  elation.component.add('janusweb.client', function() {
-    this.initEngine = function() {
+  elation.elements.define('janusweb.client', class extends elation.elements.engine.client {
+    init() {
+      super.init();
+      this.defineAttributes({
+        corsproxy: { type: 'string' },
+        homepage: { type: 'string' },
+        url: { type: 'string' },
+        uiconfig: { type: 'string' },
+        shownavigation: { type: 'boolean', default: true },
+        showchat: { type: 'boolean', default: true },
+        networking: { type: 'boolean', default: true },
+        usevoip: { type: 'boolean', default: false },
+        autoload: { type: 'boolean', default: true },
+        urltemplate: { type: 'string' },
+        server: { type: 'string' },
+        avatarsrc: { type: 'string' },
+        muted: { type: 'boolean', default: false },
+      });
+    }
+    initEngine() {
       this.initLoader();
 
       var hashargs = elation.url();
        
-      this.enginecfg.stats = this.args.stats;
+      //this.enginecfg.stats = this.args.stats;
 
       this.enginecfg.systems = [];
       this.enginecfg.systems.push("controls");
@@ -102,7 +120,8 @@ elation.require(['engine.engine', 'engine.assets', 'engine.things.light_ambient'
       this.enginecfg.systems.push("sound");
       this.enginecfg.crosshair = false;
       this.enginecfg.picking = true;
-      this.enginecfg.useWebVRPolyfill = elation.utils.any(this.args.useWebVRPolyfill, true);
+      this.enginecfg.fullsize = this.fullsize && this.fullsize != 'false'; // FIXME - type coersion should be doing this
+      //this.enginecfg.useWebVRPolyfill = elation.utils.any(this.args.useWebVRPolyfill, true);
 
       if ('xr' in navigator) {
         navigator.xr.addEventListener('sessiongranted', (ev) => {
@@ -110,7 +129,7 @@ elation.require(['engine.engine', 'engine.assets', 'engine.things.light_ambient'
         });
       }
     }
-    this.initButtons = function() {
+    initButtons() {
       this.sharebutton = elation.ui.button({classname: 'janusweb_sharing', label: 'Share'});
       this.sharedialog = elation.engine.sharing({append: document.body, client: this, anchor: this.sharebutton});
       elation.events.add(this.sharebutton, 'ui_button_click', elation.bind(this.sharedialog, this.sharedialog.showShareDialog));
@@ -126,21 +145,21 @@ elation.require(['engine.engine', 'engine.assets', 'engine.things.light_ambient'
 
       elation.events.add(document, 'pointerlockchange', elation.bind(this, function() { this.setUIActive(document.pointerLockElement === null); }));
     }
-    this.initWorld = function() {
+    initWorld() {
       var things = this.world.load({
         name: 'janusweb',
         type: 'janusweb',
         properties: {
-          corsproxy: elation.utils.any(this.args.corsproxy, elation.config.get('engine.assets.corsproxy')),
+          corsproxy: elation.utils.any(this.corsproxy, elation.config.get('engine.assets.corsproxy')),
           datapath: elation.config.get('janusweb.datapath'),
-          homepage: this.args.homepage,
-          url: this.args.url,
-          showchat: this.args.showchat,
-          networking: this.args.networking,
-          autoload: this.args.autoload,
-          urltemplate: this.args.urltemplate,
-          server: this.args.server,
-          muted: this.args.muted,
+          homepage: this.homepage,
+          url: this.url,
+          showchat: this.showchat,
+          networking: this.networking,
+          autoload: this.autoload,
+          //urltemplate: this.urltemplate,
+          server: this.server,
+          muted: this.muted,
         }
       });
       this.janusweb = things.children.janusweb;
@@ -151,22 +170,21 @@ elation.require(['engine.engine', 'engine.assets', 'engine.things.light_ambient'
         height: 1.8,
         movespeed: 5000,
         collidable: true,
-        usevoip: this.args.usevoip,
-        avatarsrc: this.args.avatarsrc,
+        usevoip: this.usevoip,
+        avatarsrc: this.avatarsrc,
         staticfriction: 2,
         dynamicfriction: 1.9,
       });
       elation.events.add(this.engine.systems.render, 'render_view_add', (ev) => this.handleRenderViewAdd(ev));
 
-      this.shownavigation = elation.utils.any(this.args.shownavigation, true);
       var datapath = elation.config.get('janusweb.datapath', '/media/janusweb');
-      this.uiconfig = elation.utils.any(this.player.getSetting('uiconfig'), this.args.uiconfig, datapath + (datapath[datapath.length-1] != '/' ? '/' : '') + 'assets/webui/default.json');
+      this.uiconfig = elation.utils.any(this.player.getSetting('uiconfig'), this.uiconfig, datapath + (datapath[datapath.length-1] != '/' ? '/' : '') + 'assets/webui/default.json');
       if (this.shownavigation) {
         this.createUI();
       }
       this.view.pickingactive = true;
 
-      let overlay = this.container.parentNode.querySelector('janus-overlay');
+      let overlay = this.parentNode.querySelector('janus-overlay');
       if (overlay) {
         this.overlay = overlay;
       }
@@ -174,16 +192,16 @@ elation.require(['engine.engine', 'engine.assets', 'engine.things.light_ambient'
       elation.engine.assets.initTextureLoaders(this.engine.systems.render, elation.config.get('janusweb.datapath') + 'lib/basis/');
       elation.engine.assets.setDracoPath(elation.config.get('janusweb.datapath') + 'lib/draco/');
     }
-    this.createUI = function() {
+    createUI() {
       if (!this.ui) {
         this.ui = elation.elements.create('janus.ui.main', {
-          append: this.view,
+          append: this,
           client: this,
           config: this.uiconfig
         });
       }
     }
-    this.initLoader = function() {
+    initLoader() {
       var loader = document.getElementsByClassName('engine_loading')[0];
       if (loader) {
         var logo = loader.getElementsByTagName('svg')[0];
@@ -197,12 +215,12 @@ elation.require(['engine.engine', 'engine.assets', 'engine.things.light_ambient'
         elation.events.add(this.engine, 'engine_start', elation.bind(this, this.handleEngineStart));
       }
     }
-    this.handleEngineStart = function(ev) {
+    handleEngineStart(ev) {
       if (this.loadingscreen) {
         this.loadingscreen.container.parentNode.removeChild(this.loadingscreen.container);
       }
     }
-    this.handleEngineError = function(ev) {
+    handleEngineError(ev) {
       console.log('omg error!', ev);
       if (this.loadingscreen) {
         this.loadingscreen.label.innerHTML = 'Error!';
@@ -213,9 +231,9 @@ elation.require(['engine.engine', 'engine.assets', 'engine.things.light_ambient'
         var errordiv = elation.html.create({tag: 'pre', append: this.loadingscreen.container, content: msg, classname: 'janusweb_error'});
       }
     }
-    this.showMenu = function() {
+    showMenu() {
     }
-    this.setUIActive = function(active) {
+    setUIActive(active) {
       if (active) {
         if (this.ui) this.ui.enable();
         if (this.buttons) this.buttons.enable();
@@ -224,12 +242,12 @@ elation.require(['engine.engine', 'engine.assets', 'engine.things.light_ambient'
         if (this.buttons) this.buttons.disable();
       }
     }
-    this.showAbout = function() {
+    showAbout() {
       var aboutwin = elation.ui.window({append: document.body, center: true, title: 'About JanusWeb'});
       var frame = elation.ui.iframe({src: 'http://github.com/jbaicoianu/janusweb/', classname: 'janusweb_about'});
       aboutwin.setcontent(frame);
     }
-    this.toggleFullscreen = function(ev, updateOnly) {
+    toggleFullscreen(ev, updateOnly) {
       var view = this.view;
       if (!updateOnly && view && (typeof ev == 'undefined' || ev.value == 1 || typeof ev.value == 'undefined')) {
         view.toggleFullscreen();
@@ -244,7 +262,7 @@ elation.require(['engine.engine', 'engine.assets', 'engine.things.light_ambient'
         }
       }
     }
-    this.configureOptions = function() {
+    configureOptions() {
       if (!this.configmenu) {
         var configpanel = elation.janusweb.configuration({client: this});
         this.configmenu = elation.ui.window({
@@ -261,10 +279,10 @@ elation.require(['engine.engine', 'engine.assets', 'engine.things.light_ambient'
       }
       this.configmenu.show();
     }
-    this.registerElement = function(tagname, classobj, extendclass) {
+    registerElement(tagname, classobj, extendclass) {
       this.janusweb.registerElement(tagname, classobj, extendclass);
     }
-    this.handleRenderViewAdd = function(ev) {
+    handleRenderViewAdd(ev) {
       let view = ev.data;
       if (view.xrsession && !this.xrplayer) {
         this.xrplayer = this.player.createObject('xrplayer', {
@@ -273,14 +291,14 @@ elation.require(['engine.engine', 'engine.assets', 'engine.things.light_ambient'
         });
       }
     }
-  }, elation.engine.client);
+  });
 
   if (typeof customElements != 'undefined') {
     elation.elements.define('janus.viewer', class extends elation.elements.base {
       init() {
         super.init();
         this.defineAttributes({
-          fullscreen: { type: 'boolean', default: true },
+          fullsize: { type: 'boolean', default: true },
           autostart: { type: 'boolean', default: true },
           src: { type: 'string' },
           corsproxy: { type: 'string' },
@@ -305,11 +323,12 @@ elation.require(['engine.engine', 'engine.assets', 'engine.things.light_ambient'
           }
           document.body.addEventListener('click', start);
         }
+        this.style.overflow = 'hidden';
       }
       getClientArgs() {
-        var fullscreen = this.fullscreen,
-            width = (this.fullscreen ? window.innerWidth : this.width),
-            height = (this.fullscreen ? window.innerHeight : this.height);
+        var fullsize = this.fullsize,
+            width = (this.fullsize ? window.innerWidth : this.width),
+            height = (this.fullsize ? window.innerHeight : this.height);
         var args = {
           url: this.getRoomURL(),
           homepage: this.homepage || this.src,
@@ -321,6 +340,7 @@ elation.require(['engine.engine', 'engine.assets', 'engine.things.light_ambient'
           avatarsrc: this.avatarsrc,
           uiconfig: this.uiconfig,
           container: this,
+          fullsize: this.fullsize,
         };
         return args;
       }
@@ -338,9 +358,9 @@ elation.require(['engine.engine', 'engine.assets', 'engine.things.light_ambient'
       create() {
         if (this.iframe) return;
         var iframe = document.createElement('iframe');
-        var fullscreen = this.fullscreen;
-        iframe.width = (this.fullscreen ? window.innerWidth : this.width);
-        iframe.height = (this.fullscreen ? window.innerHeight : this.height);
+        var fullsize = this.fullsize;
+        iframe.width = (this.fullsize ? window.innerWidth : this.width);
+        iframe.height = (this.fullsize ? window.innerHeight : this.height);
         iframe.setAttribute('allowvr', 'yes');
         iframe.setAttribute('allowfullscreen', true);
         iframe.setAttribute('allow', 'vr');

package/scripts/elements/linesegments.js

@@ -6,6 +6,7 @@ elation.require(['janusweb.janusbase'], function() {
     linewidth: 1,
     depth_write: true,
     depth_test: true,
+    fog: true,
 
     create() {
       
@@ -33,16 +34,18 @@ elation.require(['janusweb.janusbase'], function() {
           let lineobj = new THREE.LineSegments(geo, new THREE.LineBasicMaterial({
             vertexColors: THREE.VertexColors,
             opacity: this.opacity,
-            transparent: (this.opacity < 1),
+            transparent: (this.transparent !== null ? this.transparent : this.opacity < 1),
             depthWrite: this.depth_write,
             depthTest: this.depth_test,
             linewidth: this.linewidth,
+            fog: this.fog,
           }));
+          lineobj.renderOrder = this.renderorder;
           this.objects['3d'].add(lineobj);
           if (this.pickable || this.collidable) {
             //this.colliders.add(lineobj.clone());
           }
-          lineobj.userData.thing = this;
+          lineobj.userData.thing = this._target || this;
           this.geometry = geo;
           this.lineobj = lineobj;
         }

package/scripts/janusbase.js

@@ -19,6 +19,7 @@ elation.require(['engine.things.generic', 'utils.template', 'janusweb.parts'], f
         js_id:    { type: 'string' },
         color:    { type: 'color', default: this.defaultcolor, set: this.updateColor, comment: 'Object color' },
         opacity:  { type: 'float', default: 1.0, set: this.updateOpacity, min: 0, max: 1, comment: 'Object translucency, from 0..1' },
+        transparent: { type: 'bool', default: null, set: this.updateOpacity, comment: 'Override object transparency autodetection' },
         alphatest:  { type: 'float', default: 0.05, set: this.updateAlphaTest, min: 0, max: 1 },
         fwd:      { type: 'vector3', default: new THREE.Vector3(0,0,1), set: this.pushFrameUpdate, comment: 'Forward vector (zdir == fwd)' },
         xdir:     { type: 'vector3', default: new THREE.Vector3(1,0,0), set: this.pushFrameUpdate, comment: 'Left vector' },
@@ -50,6 +51,7 @@ elation.require(['engine.things.generic', 'utils.template', 'janusweb.parts'], f
         billboard: { type: 'string', default: '' },
         hasposition: { type: 'boolean', default: true },
         gazetime: { type: 'float' },
+        static: { type: 'boolean', default: false },
         ongazeenter: { type: 'callback' },
         ongazeleave: { type: 'callback' },
         ongazeprogress: { type: 'callback' },
@@ -81,7 +83,7 @@ elation.require(['engine.things.generic', 'utils.template', 'janusweb.parts'], f
         this.properties.orientation.copy(this.object.quaternion);
         return this.object;
       }
-      if (this.renderorder) this.object.renderOrder = this.renderorder;
+      if (this.renderorder && this.object) this.object.renderOrder = this.renderorder;
       return new THREE.Object3D();
     }
     this.createChildren = function() {
@@ -121,7 +123,7 @@ elation.require(['engine.things.generic', 'utils.template', 'janusweb.parts'], f
       this.refresh();
     }
     this.updateOpacity = function() {
-      this.setOpacity(this.opacity);
+      this.setOpacity(this.opacity, this.transparent);
     },
     this.updateAlphaTest = function() {
       this.setAlphaTest(this.alphatest);
@@ -229,7 +231,9 @@ elation.require(['engine.things.generic', 'utils.template', 'janusweb.parts'], f
       }
     }
     this.createForces = function() {
-      elation.events.add(this.objects.dynamics, 'physics_collide', elation.bind(this, this.handleCollision));
+      if (this.collidable && !this.collision_trigger) {
+        elation.events.add(this.objects.dynamics, 'physics_collide', elation.bind(this, this.handleCollision));
+      }
       this.updateRotationSpeed();
     }
     this.updateRotationSpeed = function() {
@@ -353,6 +357,7 @@ elation.require(['engine.things.generic', 'utils.template', 'janusweb.parts'], f
           dynamicfriction:['property', 'dynamicfriction'],
           staticfriction:['property', 'staticfriction'],
           opacity:  ['property', 'opacity'],
+          transparent:  ['property', 'transparent'],
           alphatest:  ['property', 'alphatest'],
           sync:     ['property', 'sync'],
           autosync: ['property', 'autosync'],
@@ -717,7 +722,11 @@ elation.require(['engine.things.generic', 'utils.template', 'janusweb.parts'], f
     }
     this.start = function() {
       if (!this.started) {
-        elation.events.add(this.room, 'janusweb_script_frame_end', this.handleFrameUpdates);
+        if (!this.static) {
+          elation.events.add(this.room, 'janusweb_script_frame_end', this.handleFrameUpdates);
+        } else {
+          this.handleFrameUpdates({data: {dt: 0}});
+        }
         this.started = true;
       }
       for (var k in this.children) {
@@ -734,7 +743,9 @@ elation.require(['engine.things.generic', 'utils.template', 'janusweb.parts'], f
         }
       }
       if (this.started) {
-        elation.events.remove(this.room, 'janusweb_script_frame_end', this.handleFrameUpdates);
+        if (!this.static) {
+          elation.events.remove(this.room, 'janusweb_script_frame_end', this.handleFrameUpdates);
+        }
         this.started = false;
         this.dispatchEvent({type: 'stop', bubbles: false});
       }
@@ -983,15 +994,16 @@ elation.require(['engine.things.generic', 'utils.template', 'janusweb.parts'], f
         }
       }
     }
-    this.setOpacity = function(opacity) {
-      if (this.objects['3d'] && this.currentopacity != opacity) {
+    this.setOpacity = function(opacity, transparent) {
+      if (this.objects['3d'] && (this.currentopacity != opacity || this.currenttransparent !== transparent)) {
         this.currentopacity = opacity;
-        this.traverseObjects(function(n) {
+        this.currenttransparent = transparent;
+        this.traverseObjects((n) => {
           if (n.material) {
             var m = (elation.utils.isArray(n.material) ? n.material : [n.material]);
             for (var i = 0; i < m.length; i++) {
               m[i].opacity = opacity;
-              m[i].transparent = (opacity < 1);
+              m[i].transparent = (transparent !== null ? transparent : opacity < 1);
               if (m[i].transparent) {
                 m[i].alphaTest = this.alphatest;
               }

package/scripts/janusghost.js

@@ -97,7 +97,6 @@ elation.require(['janusweb.janusbase', 'engine.things.leapmotion'], function() {
           size: .1,
           thickness: .03,
           align: 'center',
-          collidable: false,
           text: name,
           pos: this.userid_pos,
           pickable: false,

package/scripts/janusparagraph.js

@@ -13,7 +13,7 @@ elation.require(['janusweb.janusbase'], function() {
         depth_write: { type: 'boolean', default: true },
         depth_test: { type: 'boolean', default: true },
         collision_id: { type: 'string', default: 'cube' },
-        collision_scale: { type: 'vector3', default: V(1, 1, .02) },
+        collision_scale: { type: 'vector3', default: V(.5, .5, .02) },
         shadow: { type: 'boolean', default: true, set: this.updateMaterial },
         shadow_receive: { type: 'boolean', default: true, set: this.updateMaterial, comment: 'Receive shadows from self and other objects' },
         shadow_cast: { type: 'boolean', default: true, set: this.updateMaterial, comment: 'Cast shadows onto self and other objects' },
@@ -29,8 +29,10 @@ elation.require(['janusweb.janusbase'], function() {
       return mesh;
     }
     this.createForces = function() {
-      this.setCollider('box', { min: V(-1, -1, -.01), max: V(1, 1, .01) });
+      this.setCollider('box', { min: V(-.8, -.8, -.01), max: V(.8, .8, .01) });
+      //this.collision_id = 'cube';
     }
+    this.updateColliderFromGeometry = function() { }
     this.createMaterial = function() {
       var texture = this.createTexture();
       var sidemap = {
@@ -115,7 +117,7 @@ elation.require(['janusweb.janusbase'], function() {
           texture.needsUpdate = true;
           this.refresh();
         }
-      }
+      };
       this.currentImage = img;
       img.src = url;
       this.refresh();

package/scripts/janusparticle.js

@@ -39,7 +39,6 @@ elation.require(['janusweb.janusbase'], function() {
         opacity: { type: 'float', default: 1.0, set: this.updateMaterial },
         fade_in: { type: 'float', default: 1.0 },
         fade_out: { type: 'float', default: 1.0 },
-        duration: { type: 'float', default: 1.0 },
         particle_scale: { type: 'vector3', default: [1, 1, 1], set: this.updateMaterial},
         particle_vel: { type: 'vector3', default: [0, 0, 0]},
         particle_accel: { type: 'vector3', default: [0, 0, 0]},
@@ -52,8 +51,8 @@ elation.require(['janusweb.janusbase'], function() {
         refreshrate: { type: 'int', default: 30 },
         blend_src: { type: 'string', default: 'src_alpha', set: this.updateMaterial },
         blend_dest: { type: 'string', default: 'one_minus_src_alpha', set: this.updateMaterial },
-        depthwrite: { type: 'bool', default: false },
-        depthtest: { type: 'bool', default: true },
+        depth_write: { type: 'bool', default: false },
+        depth_test: { type: 'bool', default: true },
       });
       this.particles = [];
       this.emitted = 0;
@@ -72,7 +71,7 @@ elation.require(['janusweb.janusbase'], function() {
       this.updateParticles = elation.bind(this, this.updateParticles); // FIXME - hack, this should happen at the lower level of all components
     }
     this.createObject3D = function() {
-      var geo = this.geometry = new THREE.BufferGeometry()
+      var geo = this.geometry = new THREE.BufferGeometry();
 
       var texture = null,
           textureasset = null;
@@ -132,8 +131,8 @@ elation.require(['janusweb.janusbase'], function() {
         //blending: THREE.AdditiveBlending,
         transparent: true,
         alphaTest: .001,
-        depthWrite: this.depthwrite,
-        depthTest: this.depthtest,
+        depthWrite: this.depth_write,
+        depthTest: this.depth_test,
       } );
 
       this.material = mat;
@@ -290,8 +289,8 @@ elation.require(['janusweb.janusbase'], function() {
           elapsed = now - this.lasttime,
           endtime = now + this.duration * 1000,
           emitted = 0,
-          startpoint = this.currentpoint;
-          spawncount = this.rate * elapsed / 1000;
+          startpoint = this.currentpoint,
+          spawncount = this.rate * elapsed / 1000,
           count = this.count,
           loop = this.loop;
 
@@ -329,7 +328,7 @@ elation.require(['janusweb.janusbase'], function() {
       if (!geo.boundingSphere) {
         geo.computeBoundingSphere();
       } else {
-        let currentBoundingRadius = geo.boundingSphere.radius
+        let currentBoundingRadius = geo.boundingSphere.radius;
         if (this.boundingRadiusSq > currentBoundingRadius * currentBoundingRadius) {
            geo.boundingSphere.radius = Math.sqrt(this.boundingRadiusSq) + .1;
         }
@@ -408,7 +407,7 @@ elation.require(['janusweb.janusbase'], function() {
       var randomInRange = function(range) {
         //return (Math.random() - .5) * range;
         return Math.random() * range;
-      }
+      };
       let pointpos = point.pos;
       pointpos.set(randomInRange(rand_pos.x), randomInRange(rand_pos.y), randomInRange(rand_pos.z));
       if (this.emitpoints) {
@@ -532,8 +531,8 @@ elation.require(['janusweb.janusbase'], function() {
           count:  [ 'property', 'count'],
           duration:  [ 'property', 'duration'],
           opacity:  [ 'property', 'opacity'],
-          depthwrite:  [ 'property', 'depthwrite'],
-          depthtest:  [ 'property', 'depthtest'],
+          depth_write:  [ 'property', 'depth_write'],
+          depth_test:  [ 'property', 'depth_test'],
           play:  [ 'function', 'start'],
         };
       }

package/scripts/janusplayer.js

@@ -368,10 +368,10 @@ elation.require(['engine.things.player', 'janusweb.external.JanusVOIP', 'ui.butt
         if (typeof playerpos.z == 'undefined' || isNaN(playerpos.z)) playerpos.z = 0;
         this.objects['3d'].updateMatrix();
         this.objects['3d'].updateMatrixWorld();
-        this.objects['3d'].matrixWorld.extractBasis(v.xdir, v.ydir, v.zdir)
+        this.objects['3d'].matrixWorld.extractBasis(v.xdir, v.ydir, v.zdir);
       }
       if (this.head) {
-        this.head.objects['3d'].matrixWorld.extractBasis(v.view_xdir, v.view_ydir, v.view_zdir)
+        this.head.objects['3d'].matrixWorld.extractBasis(v.view_xdir, v.view_ydir, v.view_zdir);
         v.head_pos.setFromMatrixPosition(this.head.objects['3d'].matrixWorld);
         v.view_zdir.negate();
       }
@@ -491,7 +491,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);
@@ -655,7 +655,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,
       });
 

package/scripts/janusweb.js

@@ -101,7 +101,7 @@ elation.require([
       if (this.urltemplate) {
         dust.filters.stripunsafe = function(s) {
           return s.replace(/:\//g, '');
-        }
+        };
         elation.template.add('janusweb.url', this.urltemplate);
       }
       this.initScripting();
@@ -157,6 +157,7 @@ elation.require([
         userid:            ['property', 'userId'],
         avatarlighting:    ['property', 'settings.avatarlighting'],
         ui:                ['property', 'engine.client.ui'],
+        currentroom:       ['property', 'currentroom'],
 
         hmd:               ['accessor', 'isVRActive'],
 
@@ -172,6 +173,7 @@ elation.require([
         load:              ['function', 'navigateTo'],
         setActiveRoom:     ['function', 'setActiveRoom'],
         preload:           ['function', 'preload'],
+        createRoom:        ['function', 'createRoom'],
         navhome:           ['function', 'navigateHome'],
         chatsend:          ['function', 'sendChatMessage'],
         sync:              ['function', 'currentroom.sync'],
@@ -412,6 +414,23 @@ elation.require([
     this.preload = function(url, stripreferrer) {
       return this.load(url, false, null, stripreferrer);
     }
+    this.createRoom = function(url, makeactive=true) {
+      let newroom = this.spawn('janusroom', url, {
+        url: url,
+        janus: this,
+        corsproxy: this.corsproxy,
+        deferload: true
+      });
+
+      this.rooms[newroom.roomid] = newroom;
+      //console.log('made new room', url, room);
+      this.loading = false;
+      if (newroom && makeactive) {
+        this.setActiveRoom(newroom);
+      }
+      this.initScripting();
+      return newroom.getProxyObject();
+    }
     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);
@@ -511,7 +530,7 @@ elation.require([
     }
     this.handleRoomEditOther = function(data) {
       var roomId = data.roomId,
-          movedata = data.position;
+          movedata = data.position,
           edit = movedata.room_edit,
           del = movedata.room_delete;
 

package/scripts/janusxrplayer.js

@@ -562,6 +562,7 @@ elation.require(['engine.things.generic', 'janusweb.external.webxr-input-profile
           lighting: false,
           opacity: .5,
           cull_face: 'none',
+          billboard: 'y',
         });
         this.raycaster = this.createObject('raycaster', {});
         this.raycaster.addEventListener('raycastenter', (ev) => this.handleRaycastEnter(ev));
@@ -572,6 +573,8 @@ elation.require(['engine.things.generic', 'janusweb.external.webxr-input-profile
         this.worldToLocal(this.laser.positions[1].copy(endpoint));
         this.laser.updateLine();
         this.cursor.pos.copy(endpoint);
+        let cursorscale = player.head.distanceTo(endpoint) / 12;
+        this.cursor.scale.set(cursorscale, cursorscale, cursorscale);
         //this.cursor.zdir = normal;
         if (this.cursor.room !== room._target) room.appendChild(this.cursor);
         //this.cursor.zdir.copy(player.view_dir).multiplyScalar(-1);

package/scripts/multiplayermanager.js

@@ -180,7 +180,7 @@ console.log('[MultiplayerManager] set active room:', room, this.activeroom);
           dir: (-tmpVecZ.x) + ' ' + (-tmpVecZ.y) + ' ' + (-tmpVecZ.z),
           up_dir: '0 1 0',
           //view_dir: this.tmpVecZ.toArray().join(' ')
-        }
+        };
         if (head) {
           //this.tmpMat.makeRotationFromQuaternion(head.properties.orientation);
           tmpMat.copy(head.objects['3d'].matrixWorld);
@@ -230,8 +230,8 @@ console.log('[MultiplayerManager] set active room:', room, this.activeroom);
       //console.log('[MultiplayerManager] player update', moveData);
       if (this.avatarNeedsUpdate || player.avatarNeedsUpdate) {
         moveData.avatar = player.getCurrentAvatarData().replace(/"/g, "^");
-        this.avatarNeedsUpdate = false
-        player.avatarNeedsUpdate = false
+        this.avatarNeedsUpdate = false;
+        player.avatarNeedsUpdate = false;
       } else if (moveData.avatar) {
         delete moveData.avatar;
       }