janusweb 1.5.32 → 1.5.36

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,10 +11,10 @@ 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', 'serviceworker.js');
+      var workerscript = elation.config.get('serviceworker.script', 'service-worker.js');
       navigator.serviceWorker.register(workerscript)
       .then(function(reg) {
         // registration worked
@@ -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/config.js

@@ -26,6 +26,8 @@ elation.config.set('share.targets.yahoo.clientid', '374523350201-p566ctvssq49sa4
 elation.config.set('share.targets.facebook.clientid', '1197654320349894');
 elation.config.set('share.targets.file.enabled', true);
 
+elation.config.set('serviceworker.enabled', true);
+
 // FIXME - hack for dev, we should support role-based config
 if (typeof document != 'undefined' && document.location.origin == 'https://bai.dev.supcrit.com') {
   elation.config.set('share.imagebase', null);

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/image.js

@@ -55,7 +55,7 @@ elation.require(['janusweb.janusbase'], function() {
         color: this.properties.color,
         transparent: (this.opacity < 1),
         opacity: this.opacity,
-        alphaTest: 0.2
+        alphaTest: this.alphatest
       };
 
       this.asset = this.getAsset('image', this.image_id);
@@ -68,6 +68,9 @@ elation.require(['janusweb.janusbase'], function() {
           elation.events.add(this.texture, 'update', elation.bind(this, this.refresh));
 
           matargs.transparent = this.asset.hasalpha;
+          elation.events.add(this.asset, 'asset_load', ev => {
+            matargs.transparent = this.asset.hasalpha;
+          });
         } 
       }
       if (this.texture) {
@@ -156,6 +159,9 @@ elation.require(['janusweb.janusbase'], function() {
       this.sidetex.image = this.texture.image;
       this.sidetex.needsUpdate = true;
 
+      this.frontmaterial.transparent = this.asset.hasalpha;
+      this.sidematerial.transparent = this.asset.hasalpha;
+
       if (this.properties.sbs3d || this.asset.sbs3d) {
         // TODO - to really support 3d video, we need to set offset based on which eye is being rendered
         var texture = new THREE.SBSTexture(this.texture.image);

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,10 +51,12 @@ 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' },
         ongazeactivate: { type: 'callback' },
+        oncollision: { type: 'callback' },
       });
       this.lastframevalues = {
         position: new THREE.Vector3(0,0,0),
@@ -80,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() {
@@ -120,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);
@@ -154,7 +157,7 @@ elation.require(['engine.things.generic', 'utils.template', 'janusweb.parts'], f
         } else if (collision_id == 'cylinder') {
           this.setCollider('cylinder', {height: 1, radius: .5, offset: new THREE.Vector3(0, 0.5, 0), trigger: this.collision_trigger});
         } else if (collision_id == 'capsule') {
-          this.setCollider('capsule', {height: 1, radius: .5, offset: new THREE.Vector3(0, 0.5, 0), trigger: this.collision_trigger});
+          this.setCollider('capsule', {length: 1, radius: .5, offset: new THREE.Vector3(0, 0, 0), trigger: this.collision_trigger});
         } else {
           var colliderasset = this.getAsset('model', collision_id);
           if (colliderasset) {
@@ -206,8 +209,12 @@ elation.require(['engine.things.generic', 'utils.template', 'janusweb.parts'], f
               //this.colliders.add(collider);
               processMeshCollider(collider);
             } else {
+              let meshColliderLoaded = false;
               elation.events.add(collider, 'asset_load', elation.bind(this, function(ev) {
-                processMeshCollider(collider);
+                if (!meshColliderLoaded) {
+                  processMeshCollider(collider);
+                }
+                meshColliderLoaded = true;
               }) );
             }
           }
@@ -224,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() {
@@ -348,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'],
@@ -712,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) {
@@ -729,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});
       }
@@ -978,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,
@@ -280,9 +279,10 @@ elation.require(['janusweb.janusbase', 'engine.things.leapmotion'], function() {
             lighting: this.lighting,
             //cull_face: 'none'
             opacity: 0.9999,
-            shader_chunk_replace: {
+            renderorder: this.renderorder || 100,
+            shader_chunk_replace: (this.lighting ? {
               'color_fragment': 'color_fragment_discard_close',
-            },
+            } : {}),
           });
         } else {
           this.body = bodyid;
@@ -636,6 +636,7 @@ elation.require(['janusweb.janusbase', 'engine.things.leapmotion'], function() {
         this.bone_head = ghostdef.bone_head;
         this.morphtarget_mouth = ghostdef.morphtarget_mouth;
         this.morphtarget_eyes = ghostdef.morphtarget_eyes;
+        this.lighting = elation.utils.any(ghostdef.lighting, true);
         if (ghostdef.morphtarget_eyes) {
           this.blink();
         }

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;
@@ -67,11 +66,12 @@ 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
     }
     this.createObject3D = function() {
-      var geo = this.geometry = new THREE.BufferGeometry()
+      var geo = this.geometry = new THREE.BufferGeometry();
 
       var texture = null,
           textureasset = null;
@@ -131,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;
@@ -289,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;
 
@@ -324,11 +324,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 +349,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);
+*/
         }
       }
     }
@@ -396,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) {
@@ -520,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'],
         };
       }