Merge pull request #21 from vincentfretin/teleport-on-generated-ground

rotate the geometry instead of mesh to work with teleport component

Author: feiss

index.js

@@ -163,14 +163,14 @@ AFRAME.registerComponent('environment', {
     // create ground
     this.groundMaterial = null;
     this.ground = document.createElement('a-entity');
-    this.ground.setAttribute('rotation', '-90 0 0');
     this.ground.classList.add('environmentGround');
     this.groundCanvas = null;
     this.groundTexture = null;
     this.groundMaterial = null;
     this.groundGeometry = null;
 
     this.dressing = document.createElement('a-entity');
+    this.dressing.classList.add('environmentDressing')
 
     this.gridCanvas = null;
     this.gridTexture = null;
@@ -529,10 +529,11 @@ AFRAME.registerComponent('environment', {
 
       this.groundGeometry.verticesNeedUpdate = true;
       this.groundGeometry.normalsNeedUpdate = true;
+      this.groundGeometry.rotateX(- Math.PI / 2)
     }
 
     // apply Y scale. There's no need to recalculate the geometry for this. Just change scale
-    this.ground.setAttribute('scale', {z: this.data.groundYScale});
+    this.ground.setAttribute('scale', {y: this.data.groundYScale});
 
     // update ground, playarea and grid textures.
     var groundResolution = 2048;