FYI, it seems that I unintentionally had an invisible background while testing this example in AR mode due to GLTF loading being broken. The background unexpectedly appeared in AR mode when that was fixed by afadd06

That sounds like a good idea

FYI, I tweaked this a bit for https://xr-spinosaurus.glitch.me/ to save/restore visibility.

Is there a best practice for mixin entity attributes to avoid potential name collisions, i.e. prefixing with the component name? Or can it do some magic internally to avoid that?

Edit: deleted buggy code, see next comment.

Sigh, I got the nesting wrong in the previous comment, should have been something like this:

      AFRAME.registerComponent('hide-in-ar-mode', {
        // Set this object invisible while in AR mode.
        init: function () {
          this.el.sceneEl.addEventListener('enter-vr', (ev) => {
            this.wasVisible = this.el.getAttribute('visible');
            if (this.el.sceneEl.is('ar-mode')) {
              this.el.setAttribute('visible', false);
            }
          });
          this.el.sceneEl.addEventListener('exit-vr', (ev) => {
            if (this.wasVisible) this.el.setAttribute('visible', true);
          });
        }
      });

Anyway, I'll leave best practices to the A-Frame experts :-)

I just bumped THREE to r113 and officially kicks off the 1.1.0 cycle :) We can revisit this. It would be indeed a super useful feature but not yet sure if it should be part of the core. I'm on the fence.

This should really also include the opposite action to only show in AR mode.

    // Set this object visible while in AR
    init: function () {
      this.el.sceneEl.addEventListener('enter-vr', (ev) => {
            this.wasVisible = this.el.getAttribute('visible');
            if (this.el.sceneEl.is('ar-mode')) {
              this.el.setAttribute('visible', true);
            }
          });
          this.el.sceneEl.addEventListener('exit-vr', (ev) => {
            if (this.wasVisible) this.el.setAttribute('visible', false);
          });
    }
  }); ```

Thank you! Merging this. I'm working on an AR example and it will be handy