bumped to aframe 0.8. Adjusted playArea value ranges. Stick very low ground to y=0

Author: feiss

dist/aframe-environment-component.js

@@ -73,7 +73,7 @@
 	    fog: {type:'float', default: 0, min: 0, max: 1},
 
 	    flatShading: {default: false},
-	    playArea: {type: 'float', default: 1, min: 1, max: 100},
+	    playArea: {type: 'float', default: 1, min: 0.5, max: 10},
 
 	    ground: {default: 'hills', oneOf:['none', 'flat', 'hills', 'canyon', 'spikes', 'noise']},
 	    groundYScale: {type: 'float', default: 3, min: 0, max: 50},
@@ -561,6 +561,7 @@
 	        xx = Math.max(0, Math.min(1, (Math.abs(xx) - (pa - 0.9)) * (1 / pa) ));
 	        yy = Math.max(0, Math.min(1, (Math.abs(yy) - (pa - 0.9)) * (1 / pa) ));
 	        h *= xx > yy ? xx : yy;
+	        if (h < 0.01) h = 0; // stick to the floor
 
 	        // set height
 	        verts[i].z = h;

dist/aframe-environment-component.min.js

@@ -5,7 +5,7 @@
     <title>A-Frame Environment Component</title>
     <meta name="description" content="A-Frame Environment Component">
     <meta name="author" content="Diego F. Goberna">
-    <script src="https://aframe.io/releases/0.6.0/aframe.min.js"></script>
+    <script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>
     <script src="dist/aframe-environment-component.min.js"></script>
     <link href="https://fonts.googleapis.com/css?family=Voces" rel="stylesheet">
 

index.html

@@ -27,7 +27,7 @@ AFRAME.registerComponent('environment', {
     fog: {type:'float', default: 0, min: 0, max: 1},
 
     flatShading: {default: false},
-    playArea: {type: 'float', default: 1, min: 1, max: 100},
+    playArea: {type: 'float', default: 1, min: 0.5, max: 10},
 
     ground: {default: 'hills', oneOf:['none', 'flat', 'hills', 'canyon', 'spikes', 'noise']},
     groundYScale: {type: 'float', default: 3, min: 0, max: 50},
@@ -515,6 +515,7 @@ AFRAME.registerComponent('environment', {
         xx = Math.max(0, Math.min(1, (Math.abs(xx) - (pa - 0.9)) * (1 / pa) ));
         yy = Math.max(0, Math.min(1, (Math.abs(yy) - (pa - 0.9)) * (1 / pa) ));
         h *= xx > yy ? xx : yy;
+        if (h < 0.01) h = 0; // stick to the floor
 
         // set height
         verts[i].z = h;

index.js

@@ -5,8 +5,9 @@
     <title>Tests</title>
     <meta name="description" content="A-Frame Environment Component">
     <meta name="author" content="Diego F. Goberna">
-    <script src="https://aframe.io/releases/0.6.0/aframe.min.js"></script>
+    <script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>
     <script src="../dist/aframe-environment-component.min.js"></script>
+    <!--<script src="../index.js"></script>-->
     <link href="https://fonts.googleapis.com/css?family=Voces" rel="stylesheet">
 
     <style>
@@ -44,7 +45,7 @@
         width: 40rem;
       }
       a-scene {
-        height: 400px;
+        height: 800px;
         width: calc (100px - 20px);
         background: #ccc;
       }