diff --git a/assets/img/tutorial2d.png b/assets/img/tutorial2d.png new file mode 100644 index 0000000..f96360c Binary files /dev/null and b/assets/img/tutorial2d.png differ diff --git a/src/components/assets-loaded.js b/src/components/assets-loaded.js new file mode 100644 index 0000000..42eebb3 --- /dev/null +++ b/src/components/assets-loaded.js @@ -0,0 +1,10 @@ +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/index.css b/src/index.css index aa82144..3f9598d 100644 --- a/src/index.css +++ b/src/index.css @@ -45,3 +45,17 @@ html { 50% { opacity: 0.8; } 100% { opacity: 1; } } + +#tutorial2d { + position: absolute; + width: 60%; + left: 20%; + top: 35%; +} + +@media (max-width: 1280px) { + #tutorial2d { + width: 80%; + left: 10%; + } +} \ No newline at end of file diff --git a/src/index.html b/src/index.html index 3b53a75..fe41609 100644 --- a/src/index.html +++ b/src/index.html @@ -46,7 +46,8 @@ search stage-colors="color: blue" fog="color: #a00; density: 0.035; type: exponential" - vr-mode-ui="enterVRButton: #vrButton"> + vr-mode-ui="enterVRButton: #vrButton" + assets-loaded> {% include './assets.html' %} @@ -208,6 +209,7 @@ {% endif %} +