From 34bf38a3990ea572cd4db0a2764bf4ce96196ed5 Mon Sep 17 00:00:00 2001
From: "Diego F. Goberna" <diego@feiss.be>
Date: Sat, 8 Dec 2018 17:58:36 +0100
Subject: [PATCH] tweaked tutorial layout (bit more compact now)

---
 src/templates/tutorial.html | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/templates/tutorial.html b/src/templates/tutorial.html
index 6bd298f..2b97f4c 100644
--- a/src/templates/tutorial.html
+++ b/src/templates/tutorial.html
@@ -5,32 +5,32 @@
   position="-2.2 1.2 -0.5"
   rotation="0 60 0">
 
-  <a-entity id="tutorialSlice" mixin="slice" slice9="left: 70; width: 3.3; height: 1.52; padding: 0.12; opacity: 0.9" position="0 -0.193 -0.01"></a-entity>
+  <a-entity id="tutorialSlice" mixin="slice" slice9="left: 70; width: 2.89; height: 1.52; padding: 0.12; opacity: 0.9" position="0 -0.1 -0.01"></a-entity>
 
   <a-entity
     id="tutorialTitle"
     mixin="font"
-    text="align: center; value: HOW TO PLAY; color: #aaa; wrapCount: 30; width: 3"
-    position="0 0.4 0"></a-entity>
+    text="align: center; value: HOW TO PLAY; wrapCount: 40; width: 3"
+    position="0 0.379 0"></a-entity>
 
   <a-entity id="tutorialHeaders" position="0 -0.1 0">
     <a-entity id="tutorialNumberRings" position="0 0.32 0.001" geometry-merger="preserveOriginal: false" material="shader: flat; color: #ffffff">
-      <a-entity position="-1.17 0 0" geometry="primitive: ring; radiusInner: 0.08; radiusOuter: 0.095; segmentsPhi: 1; segmentsTheta: 30; buffer: false"></a-entity>
+      <a-entity position="-0.945 0 0" geometry="primitive: ring; radiusInner: 0.08; radiusOuter: 0.095; segmentsPhi: 1; segmentsTheta: 30; buffer: false"></a-entity>
       <a-entity position="0 0 0" geometry="primitive: ring; radiusInner: 0.08; radiusOuter: 0.095; segmentsPhi: 1; segmentsTheta: 30; buffer: false"></a-entity>
-      <a-entity position="1.17 0 0" geometry="primitive: ring; radiusInner: 0.08; radiusOuter: 0.095; segmentsPhi: 1; segmentsTheta: 30; buffer: false"></a-entity>
+      <a-entity position="0.945 0 0" geometry="primitive: ring; radiusInner: 0.08; radiusOuter: 0.095; segmentsPhi: 1; segmentsTheta: 30; buffer: false"></a-entity>
     </a-entity>
 
-    <a-entity mixin="font" text="align: center; value: 1 2 3; baseline: top; wrapCount: 50; letterSpacing: 180; width: 3" position="0 0.27 0"></a-entity>
-    <a-entity mixin="font" text="baseline: top; lineHeight: 50; align: center; value: SLICE THE BEATS\nMIND COLOR AND DIRECTION!; wrapCount: 30" position="-1.17 0.1 0"></a-entity>
+    <a-entity mixin="font" text="align: center; value: 1 2 3; baseline: top; wrapCount: 50; letterSpacing: 144; width: 3" position="0 0.27 0"></a-entity>
+    <a-entity mixin="font" text="baseline: top; lineHeight: 50; align: center; value: SLICE THE BEATS\nMIND COLOR AND DIRECTION!; wrapCount: 30" position="-0.954 0.1 0"></a-entity>
     <a-entity mixin="font" text="baseline: top; lineHeight: 50; align: center; value: DODGE WALLS,\nAVOID CUTTING MINES; wrapCount: 28" position="0 0.1 0"></a-entity>
-    <a-entity mixin="font" text="baseline: top; lineHeight: 50; align: center; value: LONGER SWING,\nMORE POINTS!; wrapCount: 28" position="1.17 0.1 0"></a-entity>
+    <a-entity mixin="font" text="baseline: top; lineHeight: 50; align: center; value: LONGER SWING,\nMORE POINTS!; wrapCount: 28" position="0.956 0.1 0"></a-entity>
   </a-entity>
 
   <a-entity
     id="tutorial1"
     obj-model="obj: #tutorial1Obj"
     material="side: double; shader: flat; transparent: true; src: #tutorialImg"
-    position="-1.1 -0.55 0.2"
+    position="-0.87 -0.55 0.214"
     scale="0.9 0.9 0.9"
     bind__animation="enabled: menuActive"
     animation="property: object3D.rotation.y; from: -20; to: 55; dur: 5000; dir: alternate; easing: easeInOutCubic; loop: true"></a-entity>
@@ -41,7 +41,7 @@
       bind__animation="enabled: menuActive"
       geometry="width: 0.3; height: 0.04; depth: 0.3"
       animation="property: object3D.position.z; from: -0.5; to: -0.1; dur: 2000; easing: linear; loop: true; easing: easeInOutCubic"
-      material="shader: wallShader; tex: #noiseTexture; repeat: 1 2; transparent: true"></a-entity>
+      material="shader: wallShader; repeat: 1 2; transparent: true"></a-entity>
 
     <a-entity
       id="tutorial2Mine1"
@@ -75,7 +75,7 @@
     id="tutorial3"
     obj-model="obj: #tutorial3Obj"
     material="side: double; shader: flat; transparent: true; src: #tutorialImg"
-    position="1.1 -0.55 0.2"
+    position="0.941 -0.55 0.13"
     scale="0.6 0.9 0.9"
     bind__animation="enabled: menuActive"
     animation="property: object3D.rotation.y; from: -60; to: -10; dur: 5000; dir: alternate; easing: easeInOutCubic; loop: true"></a-entity>