part 1 curve

index.html

@@ -64,6 +64,39 @@ function onHoveredTeleport(){
 
   <a-draw-curve curveref="#track1" color="#0000ff"></a-draw-curve>
 
+	<!-- color works in the demo on Glitch but somehow not here, might be an AFrame version diff -->
+  <a-draw-curve curveref="#part1" color="red"></a-draw-curve>
+  <a-draw-curve curveref="#part2" color="blue"></a-draw-curve>
+  <a-draw-curve curveref="#part3" color="orange"></a-draw-curve>
+
+	<a-sphere position="-1.5 1 -1" radius=".01" color="red">
+          <a-troika-text rotation="0 90 0" anchor=left position="0 0.1 0" value="1"></a-troika-text>
+	  <a-torus rotation="0 90 0" color="red" radius=".05" radius-tubular=".01"></a-torus>
+	</a-sphere>
+
+	<a-sphere position="-1.4 1 -1.2" radius=".01" color="red">
+          <a-troika-text rotation="0 45 0" anchor=left position="0 0.1 0" value="2"></a-troika-text>
+	  <a-torus rotation="0 90 0" color="red" radius=".05" radius-tubular=".01"></a-torus>
+	</a-sphere>
+
+	<a-sphere position="0 1 -1" radius=".01" color="red">
+          <a-troika-text rotation="0 45 0" anchor=left position="0 0.1 0" value="3"></a-troika-text>
+          <a-torus rotation="0 90 0" color="red" radius=".05" radius-tubular=".01"></a-torus>
+	</a-sphere>
+
+  <a-curve id="part1"> <!--  from page 12 of ESA moon media kit -->
+    <a-curve-point position="-1.5 1 -1"></a-curve-point>
+	<!-- step 1 -->
+    <a-curve-point position="-1.4 1 -1.2"></a-curve-point>
+	<!-- step 2 -->
+    <a-curve-point position="-1.7 1 -1.6"></a-curve-point>
+    <a-curve-point position="-2.3 1 -1.6"></a-curve-point>
+    <a-curve-point position="-2.7 1 -0.6"></a-curve-point>
+    <a-curve-point position="-2 1 -0.2"></a-curve-point>
+    <a-curve-point position="0 1 -1"></a-curve-point>
+	<!-- step 3 -->
+  </a-curve>
+
   <a-curve id="track1">
     <a-curve-point position="-3 2 -1"></a-curve-point>
     <a-curve-point position="-3 0 -1"></a-curve-point>