From 13d0305272d0c0c4634c94439ae235272afdea53 Mon Sep 17 00:00:00 2001
From: "Diego F. Goberna" <diego@feiss.be>
Date: Fri, 16 Nov 2018 16:57:29 +0100
Subject: [PATCH] load() instead of event listeners

---
 src/components/assets-loaded.js | 10 ----------
 src/components/tutorial-2d.js   |  5 +++++
 src/index.css                   |  2 +-
 src/index.html                  |  2 +-
 4 files changed, 7 insertions(+), 12 deletions(-)
 delete mode 100644 src/components/assets-loaded.js
 create mode 100644 src/components/tutorial-2d.js

diff --git a/src/components/assets-loaded.js b/src/components/assets-loaded.js
deleted file mode 100644
index 42eebb3..0000000
--- a/src/components/assets-loaded.js
+++ /dev/null
@@ -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';
-  }
-});
\ No newline at end of file
diff --git a/src/components/tutorial-2d.js b/src/components/tutorial-2d.js
new file mode 100644
index 0000000..eb467ac
--- /dev/null
+++ b/src/components/tutorial-2d.js
@@ -0,0 +1,5 @@
+AFRAME.registerComponent('tutorial-2d', {
+  play: function () {
+    document.getElementById('tutorial2d').style.display = 'none';
+  }
+});
diff --git a/src/index.css b/src/index.css
index 3f9598d..079debc 100644
--- a/src/index.css
+++ b/src/index.css
@@ -58,4 +58,4 @@ html {
     width: 80%;
     left: 10%;
   }
-}
\ No newline at end of file
+}
diff --git a/src/index.html b/src/index.html
index fe41609..69de624 100644
--- a/src/index.html
+++ b/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' %}