poly-extrude 0.3.0 → 0.5.0

package/dist/poly-extrude.js

@@ -1,5 +1,5 @@
 /*!
- * poly-extrude v0.3.0
+ * poly-extrude v0.5.0
   */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
@@ -1091,9 +1091,66 @@
       result.lines = lines;
       return result;
     }
+    function extrudeSlopes(lines, options) {
+      options = Object.assign({}, {
+        depth: 2,
+        lineWidth: 1,
+        side: 'left',
+        sideDepth: 0
+      }, options);
+      var _options = options,
+          depth = _options.depth,
+          side = _options.side,
+          sideDepth = _options.sideDepth;
+      var results = lines.map(function (line) {
+        var tempResult = expandLine(line, options);
+        tempResult.line = line;
+        var leftPoints = tempResult.leftPoints,
+            rightPoints = tempResult.rightPoints;
+        var result = {
+          line: line
+        };
+        var depths;
+
+        for (var i = 0, len = line.length; i < len; i++) {
+          line[i][2] = line[i][2] || 0;
+        }
+
+        if (side === 'left') {
+          result.leftPoints = leftPoints;
+          result.rightPoints = line;
+          depths = [sideDepth, depth];
+        } else {
+          result.leftPoints = line;
+          result.rightPoints = rightPoints;
+          depths = [depth, sideDepth];
+        }
+
+        result.depths = depths;
+        generateTopAndBottom(result, options);
+        generateSides(result, options);
+        result.position = new Float32Array(result.points);
+        result.indices = new Uint32Array(result.index);
+        result.uv = new Float32Array(result.uvs);
+        result.normal = generateNormal(result.indices, result.position);
+        return result;
+      });
+      var result = merge(results);
+      result.lines = lines;
+      return result;
+    }
 
     function generateTopAndBottom(result, options) {
       var z = options.depth;
+      var depths = result.depths;
+      var lz = z,
+          rz = z;
+
+      if (depths) {
+        lz = depths[0];
+        rz = depths[1];
+      }
+
       var points = [],
           index = [],
           uvs = [];
@@ -1111,7 +1168,7 @@
             z1 = _leftPoints$i[2];
         points[idx0] = x1;
         points[idx0 + 1] = y1;
-        points[idx0 + 2] = z + z1; // top right
+        points[idx0 + 2] = lz + z1; // top right
 
         var _rightPoints$i = rightPoints[i],
             x2 = _rightPoints$i[0],
@@ -1120,7 +1177,7 @@
         var idx1 = len * 3 + idx0;
         points[idx1] = x2;
         points[idx1 + 1] = y2;
-        points[idx1 + 2] = z + z2; // bottom left
+        points[idx1 + 2] = rz + z2; // bottom left
 
         var idx2 = len * 2 * 3 + idx0;
         points[idx2] = x1;
@@ -1171,6 +1228,17 @@
       result.index = index;
       result.points = points;
       result.uvs = uvs;
+
+      if (depths) {
+        len = leftPoints.length;
+        i = 0;
+
+        while (i < len) {
+          leftPoints[i].depth = lz;
+          rightPoints[i].depth = rz;
+          i++;
+        }
+      }
     }
 
     function generateSides(result, options) {
@@ -1181,10 +1249,11 @@
           uvs = result.uvs;
       var z = options.depth;
       var rings = [leftPoints, rightPoints];
+      var depthsEnable = result.depths;
 
       function addOneSideIndex(v1, v2) {
         var idx = points.length / 3;
-        points.push(v1[0], v1[1], z + v1[2], v2[0], v2[1], z + v2[2], v1[0], v1[1], v1[2], v2[0], v2[1], v2[2]);
+        points.push(v1[0], v1[1], (depthsEnable ? v1.depth : z) + v1[2], v2[0], v2[1], (depthsEnable ? v2.depth : z) + v2[2], v1[0], v1[1], v1[2], v2[0], v2[1], v2[2]);
         var a = idx + 2,
             b = idx + 3,
             c = idx,
@@ -1233,7 +1302,7 @@
       y: 0
     };
     function expandLine(line, options) {
-      var preAngle = 0;
+      // let preAngle = 0;
       var radius = options.lineWidth / 2;
       var points = [],
           leftPoints = [],
@@ -1241,66 +1310,76 @@
       var len = line.length;
       var i = 0;
 
-      while (i < len - 1) {
-        var _p = line[i],
-            _p2 = line[i + 1];
-        var dy = _p2[1] - _p[1],
-            dx = _p2[0] - _p[0];
-        var _rAngle = 0;
+      while (i < len) {
+        var p1 = line[i],
+            p2 = line[i + 1];
+        var currentp = line[i]; // last vertex
+
+        if (i === len - 1) {
+          p1 = line[len - 2];
+          p2 = line[len - 1];
+        }
+
+        var dy = p2[1] - p1[1],
+            dx = p2[0] - p1[0];
+        var rAngle = 0;
         var rad = Math.atan(dy / dx);
-        var angle = radToDeg(rad);
-        preAngle = angle;
+        var angle = radToDeg(rad); // preAngle = angle;
 
-        if (i === 0) {
-          _rAngle = angle;
-          _rAngle -= 90;
+        if (i === 0 || i === len - 1) {
+          rAngle = angle;
+          rAngle -= 90;
         } else {
+          // 至少3个顶点才会触发
           var p0 = line[i - 1];
-          TEMPV1.x = p0[0] - _p[0];
-          TEMPV1.y = p0[1] - _p[1];
-          TEMPV2.x = _p2[0] - _p[0];
-          TEMPV2.y = _p2[1] - _p[1];
+          TEMPV1.x = p0[0] - p1[0];
+          TEMPV1.y = p0[1] - p1[1];
+          TEMPV2.x = p2[0] - p1[0];
+          TEMPV2.y = p2[1] - p1[1];
           var vAngle = getAngle(TEMPV1, TEMPV2);
-          _rAngle = angle - vAngle / 2;
+          rAngle = angle - vAngle / 2;
         }
 
-        var _rRad = degToRad(_rAngle);
+        var rRad = degToRad(rAngle);
+        var p3 = currentp;
+        var x = Math.cos(rRad) + p3[0],
+            y = Math.sin(rRad) + p3[1];
+        var p4 = [x, y];
 
-        var _calOffsetPoint = calOffsetPoint(_rRad, radius, _p),
-            _op = _calOffsetPoint[0],
-            _op2 = _calOffsetPoint[1];
+        var _translateLine = translateLine(p1, p2, radius),
+            line1 = _translateLine[0],
+            line2 = _translateLine[1];
 
-        points.push(_op, _op2);
+        var op1 = lineIntersection(line1[0], line1[1], p3, p4);
+        var op2 = lineIntersection(line2[0], line2[1], p3, p4); // 平行，回头路
 
-        if (leftOnLine(_op, _p, _p2)) {
-          leftPoints.push(_op);
-          rightPoints.push(_op2);
-        } else {
-          leftPoints.push(_op2);
-          rightPoints.push(_op);
-        }
+        if (!op1 || !op2) {
+          var len1 = points.length;
+          var point1 = points[len1 - 2];
+          var point2 = points[len1 - 1];
 
-        i++;
-      }
+          if (!point1 || !point2) {
+            continue;
+          }
 
-      var rAngle = preAngle;
-      rAngle -= 90;
-      var rRad = degToRad(rAngle);
-      var p1 = line[len - 2];
-      var p2 = line[len - 1];
+          op1 = [point1[0], point1[1]];
+          op2 = [point2[0], point2[1]];
+        }
 
-      var _calOffsetPoint2 = calOffsetPoint(rRad, radius, p2),
-          op1 = _calOffsetPoint2[0],
-          op2 = _calOffsetPoint2[1];
+        op1[2] = currentp[2] || 0;
+        op2[2] = currentp[2] || 0; // const [op1, op2] = calOffsetPoint(rRad, radius, p1);
 
-      points.push(op1, op2);
+        points.push(op1, op2);
 
-      if (leftOnLine(op1, p1, p2)) {
-        leftPoints.push(op1);
-        rightPoints.push(op2);
-      } else {
-        leftPoints.push(op2);
-        rightPoints.push(op1);
+        if (leftOnLine(op1, p1, p2)) {
+          leftPoints.push(op1);
+          rightPoints.push(op2);
+        } else {
+          leftPoints.push(op2);
+          rightPoints.push(op1);
+        }
+
+        i++;
       }
 
       return {
@@ -1308,21 +1387,7 @@
         leftPoints: leftPoints,
         rightPoints: rightPoints
       };
-    }
-
-    function calOffsetPoint(rad, radius, p) {
-      var x = p[0],
-          y = p[1];
-      var z = p[2] || 0;
-      var x1 = Math.cos(rad) * radius,
-          y1 = Math.sin(rad) * radius;
-      var p1 = [x + x1, y + y1, z];
-      var rad1 = rad += Math.PI;
-      var x2 = Math.cos(rad1) * radius,
-          y2 = Math.sin(rad1) * radius;
-      var p2 = [x + x2, y + y2, z];
-      return [p1, p2];
-    }
+    } // eslint-disable-next-line no-unused-vars
 
     var getAngle = function getAngle(_ref, _ref2) {
       var x1 = _ref.x,
@@ -1344,6 +1409,79 @@
           y = p[1];
       return (y1 - y2) * x + (x2 - x1) * y + x1 * y2 - x2 * y1 > 0;
     }
+    /**
+     * 平移线
+     * @param {*} p1
+     * @param {*} p2
+     * @param {*} distance
+     * @returns
+     */
+
+    function translateLine(p1, p2, distance) {
+      var dy = p2[1] - p1[1],
+          dx = p2[0] - p1[0];
+      var rad = Math.atan2(dy, dx);
+      var rad1 = rad + Math.PI / 2;
+      var offsetX = Math.cos(rad1) * distance,
+          offsetY = Math.sin(rad1) * distance;
+      var tp1 = [p1[0] + offsetX, p1[1] + offsetY];
+      var tp2 = [p2[0] + offsetX, p2[1] + offsetY];
+      var rad2 = rad - Math.PI / 2;
+      offsetX = Math.cos(rad2) * distance;
+      offsetY = Math.sin(rad2) * distance;
+      var tp3 = [p1[0] + offsetX, p1[1] + offsetY];
+      var tp4 = [p2[0] + offsetX, p2[1] + offsetY];
+      return [[tp1, tp2], [tp3, tp4]];
+    }
+    /**
+     * 直线交点
+     * @param {*} p1
+     * @param {*} p2
+     * @param {*} p3
+     * @param {*} p4
+     * @returns
+     */
+
+
+    function lineIntersection(p1, p2, p3, p4) {
+      var dx1 = p2[0] - p1[0],
+          dy1 = p2[1] - p1[1];
+      var dx2 = p4[0] - p3[0],
+          dy2 = p4[1] - p3[1];
+
+      if (dx1 === 0 && dx2 === 0) {
+        return null;
+      }
+
+      if (dy1 === 0 && dy2 === 0) {
+        return null;
+      }
+
+      var k1 = dy1 / dx1;
+      var k2 = dy2 / dx2;
+      var b1 = p1[1] - k1 * p1[0];
+      var b2 = p3[1] - k2 * p3[0];
+      var x, y;
+
+      if (dx1 === 0) {
+        x = p1[0];
+        y = k2 * x + b2;
+      } else if (dx2 === 0) {
+        x = p3[0];
+        y = k1 * x + b1;
+      } else if (dy1 === 0) {
+        y = p1[1];
+        x = (y - b2) / k2;
+      } else if (dy2 === 0) {
+        y = p3[1];
+        x = (y - b1) / k1;
+      } else {
+        x = (b2 - b1) / (k1 - k2);
+        y = k1 * x + b1;
+      }
+
+      return [x, y];
+    }
 
     function cylinder(point, options) {
       if (options === void 0) {
@@ -3437,6 +3575,8 @@
     exports.expandPaths = expandPaths;
     exports.extrudePolygons = extrudePolygons;
     exports.extrudePolylines = extrudePolylines;
+    exports.extrudeSlopes = extrudeSlopes;
+    exports.leftOnLine = leftOnLine;
 
     Object.defineProperty(exports, '__esModule', { value: true });