thickening tiles, fixing various things

index.html

@@ -77,11 +77,11 @@
 <div id="loading-bar" class="loading-bar"></div>
 
 <script src="js/vendor/three.js"></script>
-<script src="http://d3js.org/d3.v3.min.js"></script>
+<script src="https://d3js.org/d3.v3.min.js"></script>
 <script src="js/vendor/OBJExporter.js"></script>
 <script src="js/vendor/OrbitControls.js"></script>
 <script src="js/vendor/d3-threeD.js"></script>
 <script src="js/PreviewMap.js"></script>
 <script src="js/tile-exporter.js"></script>
 </body>
-</html>
+</html>

js/tile-exporter.js

@@ -10,7 +10,7 @@ var TileExporter = (function() {
   var d3D = new d3threeD();
 
   var config = {
-    baseURL: "http://vector.mapzen.com/osm",
+    baseURL: "https://vector.mapzen.com/osm",
     dataKind: "earth,water,buildings",
     vectorTileKey: "vector-tiles-xaDJOzg",
     fileFormat: "json",
@@ -251,34 +251,37 @@ var TileExporter = (function() {
             var previewPath = d3.geo.path().projection(previewProjection);
             var path = d3.geo.path().projection(projection);
 
-            var defaultHeight = 15;
+            var defaultHeight = 45;
 
             if(obj === 'earth') {
               var b = path.bounds(geoFeature);
               tileX = b[0][0];
               tileY = b[0][1];
               tileW = b[1][0] - b[0][0];
               tileH = b[1][1] - b[0][1];
-              defaultHeight = 3;
+              defaultHeight = 22;
             } else if(obj === 'water') {
-              defaultHeight = 1;
+              defaultHeight = 19;
             } else if(obj === 'landuse') {
-              defaultHeight = 6;
+              defaultHeight = 25;
             }
 
+
             //path = d3.geo.path().projection(projection);
             var feature = path(geoFeature);
             var previewFeature = previewPath(geoFeature);
-            if(feature.indexOf('a') > 0) console.log('wooh there is dangerous command here');
-            else PreviewMap.drawData(previewFeature);
-
-            // 'a' command is not implemented in d3-three, skipiping for now.
-            if(feature.indexOf('a') > 0) console.log('wooh there is dangerous command here');
-            else {
-              var mesh = d3D.exportSVG(feature);
-              buildings.push(mesh);
-              var h = geoFeature.properties['height'] || defaultHeight;
-              heights.push(h);
+
+            if(feature !== undefined) {
+              if(previewFeature.indexOf('a') > 0) ;
+
+              // 'a' command is not implemented in d3-three, skipiping for now.
+              if(feature.indexOf('a') > 0) ;
+              else {
+                var mesh = d3D.exportSVG(feature);
+                buildings.push(mesh);
+                var h = (geoFeature.properties['height']+10) || defaultHeight;
+                heights.push(h);
+              }
             }
           }
         }
@@ -300,23 +303,19 @@ var TileExporter = (function() {
   }
 
   function addGeoObject(svgObject) {
-
     var path, material, amount, simpleShapes, simpleShape, shape3d, toAdd, results = [];
 
     var thePaths = svgObject.paths;
     var theAmounts = svgObject.amounts;
 
-
     var color = new THREE.Color("#5c5c5c");
 
+    // This is normal material for exporter
     material = new THREE.MeshLambertMaterial({
-      color: color,
-      ambient: color,
-      emissive: color,
-      shading: THREE.FlatShading
+      color: color
     });
 
-    var i,j,k;
+    var i,j,k,len1;
 
     for (i = 0; i < thePaths.length; i++) {
       amount = theAmounts[i];
@@ -327,20 +326,24 @@ var TileExporter = (function() {
       for (j = 0; j < len1; ++j) {
 
         simpleShape = simpleShapes[j];
+        try {
+          shape3d = simpleShape.extrude({
+            amount: amount/ 6,
+            bevelEnabled: false
+          });
+
+          for(k = 0; k< shape3d.vertices.length; k++) {
+             var v = shape3d.vertices[k];
+             v.setY(-v.y);
+          }
 
-        shape3d = simpleShape.extrude({
-          amount: amount/ 6,
-          bevelEnabled: false
-        });
-
-        for(k = 0; k< shape3d.vertices.length; k++) {
-           var v = shape3d.vertices[k];
-           v.setY(-v.y);
+          var mesh = new THREE.Mesh(shape3d, material);
+          reverseWindingOrder(mesh);
+          buildingGroup.add(mesh);
+        } catch(e) {
+          console.log('it could not exturde geometry, it can be because of duplicated point of svg.');
         }
 
-        var mesh = new THREE.Mesh(shape3d, material);
-        reverseWindingOrder(mesh);
-        buildingGroup.add(mesh);
       }
     }
     enableDownloadLink();
@@ -373,7 +376,7 @@ var TileExporter = (function() {
       }
 
       geometry.computeFaceNormals();
-      geometry.computeVertexNormals();
+      //geometry.computeVertexNormals();
     }
 
     if (object3D.children) {
@@ -388,7 +391,8 @@ var TileExporter = (function() {
     var buildingObj = exportToObj()
     var exportA = document.getElementById('exportA');
     exportA.className = "";
-    exportA.download = 'tile.obj';
+    exportA.download = 'tile-'+tileLon +'-'+tileLat+'-z'+config.zoomLevel+'.obj';
+
 
     var blob = new Blob([buildingObj], {type: 'text'});
     var url = URL.createObjectURL(blob);