X-Git-Url: https://git-public.kairo.at/?p=slides.git;a=blobdiff_plain;f=tsmeetup201909%2Findex.html;h=c3e6730b0bc96cd50e6f4ba527e8bc51c8dc15ab;hp=f0b818ef0a8f172da90d96f6907accc32c6b241d;hb=71d1677d00e8403f561ac8f843b0648c99dd4992;hpb=e9ed6c931a96cb1aef29f55021d71bf941a0832a diff --git a/tsmeetup201909/index.html b/tsmeetup201909/index.html index f0b818e..c3e6730 100755 --- a/tsmeetup201909/index.html +++ b/tsmeetup201909/index.html @@ -6,14 +6,14 @@ VR Space: Creating A Solar System With WebXR - - + + -
+

Contents

VR Space: Creating A Solar System With WebXR

@@ -120,7 +120,8 @@ <a-scene> <a-sphere id="sun" position="0 0 0" radius="1" color="#FFFF00"></a-sphere> - <a-entity id="cameraRig" position="0 -1 2" movement-controls="speed: .1; fly: true; camera: #head;"> + <a-entity id="cameraRig" position="0 -1 2" + movement-controls="speed: .1; fly: true; camera: #head;"> <a-entity id="head" camera="active: true" look-controls position="0 1.6 0"></a-entity> <a-entity id="left-hand" link-controls="hand: left "…></a-entity> <a-entity id="right-hand" link-controls="hand: right "…></a-entity> @@ -143,8 +144,10 @@ <a-scene> … <a-entity position="0 0 0" rotation="0 -120 0" - animation="property: rotation; to: 0 240 0; loop: true; dur: 600000; easing: linear;"> - <a-sphere id="redplanet" position="0 0 6" radius=".3" color="#FF8080"></a-sphere> + animation="property: rotation; to: 0 240 0; + loop: true; dur: 600000; easing: linear;"> + <a-sphere id="redplanet" position="0 0 6" + radius=".3" color="#FF8080"></a-sphere> </a-entity> … </a-scene> @@ -164,7 +167,8 @@ <a-scene> <a-entity light="type: ambient; color: #BBB; intensity: .1;"></a-entity> <a-sphere id="sun" position="0 0 0" radius="1" color="#FFFF00" - material="emissive: #FFFF00;" light="type: point; intensity: 1; distance: 50; decay: 2"></a-sphere> + material="emissive: #FFFF00;" light="type: point; + intensity: 1; distance: 50; decay: 2"></a-sphere> … </a-scene> @@ -189,7 +193,8 @@ <a-sphere id="earth" src="earth_equirect.jpg" …></a-sphere> </a-entity> <a-entity …> - <a-sphere id="saturn" gltf-model="#saturnmodel" scale="0.003 0.003 0.003" …></a-sphere> + <a-sphere id="saturn" gltf-model="#saturnmodel" + scale="0.003 0.003 0.003" …></a-sphere> </a-entity> … </a-scene> @@ -212,9 +217,9 @@ … <a-entity …> <a-entity id="ship" …> - <a-cylinder position="0 0 0" radius=".4" height="0.04" color="#CCC0DD"></a-cylinder> - <a-cylinder rotation="90 0 0" position="0.2 0.05 .9" radius=".03" height=".8" color="#CCC0DD"></a-cylinder> - <a-cylinder rotation="90 0 0" position="-0.2 0.05 .9" radius=".03" height=".8" color="#CCC0DD"></a-cylinder> + <a-cylinder radius=".4" height="0.04" color="#CCC0DD" …></a-cylinder> + <a-cylinder rotation="90 0 0" radius=".03" height=".8" …></a-cylinder> + <a-cylinder rotation="90 0 0" radius=".03" height=".8" …></a-cylinder> … </a-entity> </a-entity>