Examples cleanup

Avaer Kazmer · Avaer Kazmer · commit 2e7bdb113a8e · 2019-09-18T23:39:27.000-04:00
diff --git a/app.html b/app.html
@@ -2,7 +2,8 @@
 <html>
 <body>
 <xr-site camera-position="0 2 3" camera-orientation="-0.2297529205473612 0 0 0.9732489894677301">
-  <xr-iframe src="examples/subscene.html" position="0 0.5 0" name="Subscene"></xr-iframe>
+  <xr-iframe src="examples/tutorial.html" position="0 0.5 0" name="Introduction"></xr-iframe>
+  <xr-iframe src="examples/subscene.html" position="1 1 0" name="Subscene"></xr-iframe>
   <xr-iframe src="examples/floor.html" position="-1 0 0" name="Floor"></xr-iframe>
 </xr-site>
 <!-- optional UI follows -->
@@ -17,13 +18,11 @@
 
 const root = document.querySelector('xr-site');
 const floorXrIframe = document.querySelector('xr-iframe[name=Floor]');
-floorXrIframe.addEventListener('load', e => {
+/* floorXrIframe.addEventListener('load', e => {
   console.log('floor load', e);
-});
+}); */
+const tutorialXrIframe = document.querySelector('xr-iframe[name=Introduction]');
 const subsceneXrIframe = document.querySelector('xr-iframe[name=Subscene]');
-subsceneXrIframe.addEventListener('load', e => {
-  console.log('introduction load', e);
-});
 const _addControls = xrIframe => {
   const object = new THREE.Object3D();
   object.position.fromArray(xrIframe.position);
@@ -106,6 +105,7 @@
 root.layers.push(renderer.domElement);
 
 _addControls(floorXrIframe);
+_addControls(tutorialXrIframe);
 _addControls(subsceneXrIframe);
 _postTabs();
 
diff --git a/examples/subscene.html b/examples/subscene.html
@@ -2,8 +2,8 @@
 <html>
 <body>
 <xr-site camera-position="0 2 3" camera-orientation="-0.2297529205473612 0 0 0.9732489894677301">
-  <xr-iframe src="tutorial.html" name="Introduction"></xr-iframe>
-  <xr-iframe src="example1xr.html" position="1 1 0" name="Red Cube"></xr-iframe>
+  <xr-iframe src="example1xr.html" position="0 0 -1" name="Red Cube"></xr-iframe>
+  <xr-iframe src="example2xr.html" position="0 0 1" name="Green Cube"></xr-iframe>
 </xr-site>
 </body>
 </html>
