load() instead of event listeners

src/components/assets-loaded.js

@@ -1,10 +0,0 @@
-AFRAME.registerComponent('assets-loaded', {
-  init: function () {
-    this.el.addEventListener('loaded', this.onLoad.bind(this));
-    this.el.addEventListener('timeout', this.onLoad.bind(this));
-  },
-
-  onLoad: function (ev) {
-    document.getElementById('tutorial2d').style.display = 'none';
-  }
-});

src/components/tutorial-2d.js

@@ -0,0 +1,5 @@
+AFRAME.registerComponent('tutorial-2d', {
+  play: function () {
+    document.getElementById('tutorial2d').style.display = 'none';
+  }
+});

src/index.css

@@ -58,4 +58,4 @@ html {
     width: 80%;
     left: 10%;
   }
-}
+}

src/index.html

@@ -47,7 +47,7 @@
       stage-colors="color: blue"
       fog="color: #a00; density: 0.035; type: exponential"
       vr-mode-ui="enterVRButton: #vrButton"
-      assets-loaded>
+      tutorial-2d>
 
       <a-assets timeout="10000">
         {% include './assets.html' %}