poly-extrude 0.12.0 → 0.14.0

package/package.json

@@ -1,48 +1,53 @@
-{
-  "name": "poly-extrude",
-  "version": "0.12.0",
-  "description": "",
-  "main": "dist/poly-extrude.js",
-  "module": "dist/poly-extrude.mjs",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "lint": "eslint src/**/*.js",
-    "build": "npm run lint && cross-env NODE_ENV=prd  rollup -c",
-    "dev": "npm run lint && cross-env NODE_ENV=dev  rollup -c -w"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/deyihu/poly-extrude.git"
-  },
-  "author": "",
-  "license": "ISC",
-  "bugs": {
-    "url": "https://github.com/deyihu/poly-extrude/issues"
-  },
-  "homepage": "https://github.com/deyihu/poly-extrude#readme",
-  "devDependencies": {
-    "@babel/core": "^7.17.5",
-    "@babel/preset-env": "^7.16.11",
-    "@rollup/plugin-babel": "^5.3.0",
-    "@rollup/plugin-commonjs": "^21.0.1",
-    "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^13.1.3",
-    "cross-env": "^5.1.4",
-    "eslint": "^6.2.2",
-    "eslint-config-standard": "^14.1.0",
-    "eslint-plugin-import": "^2.18.2",
-    "eslint-plugin-node": "^10.0.0",
-    "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-standard": "^4.0.1",
-    "rollup": "^2.64.0",
-    "rollup-plugin-terser": "^7.0.2"
-  },
-  "dependencies": {
-    "earcut": "^2.2.4"
-  },
-  "files": [
-    "dist/",
-    "src/",
-    "index.js"
-  ]
-}
+{
+  "name": "poly-extrude",
+  "version": "0.14.0",
+  "description": "extrude polyline/polygon etc",
+  "main": "dist/poly-extrude.js",
+  "module": "dist/poly-extrude.mjs",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "tsc": "npx tsc",
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "lint": "eslint src/**/*.js",
+    "build": "npm run lint && npm run tsc  && cross-env NODE_ENV=prd  rollup -c",
+    "dev": "npm run lint && cross-env NODE_ENV=dev  rollup -c -w"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/deyihu/poly-extrude.git"
+  },
+  "author": "",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/deyihu/poly-extrude/issues"
+  },
+  "homepage": "https://github.com/deyihu/poly-extrude#readme",
+  "devDependencies": {
+    "@babel/core": "^7.17.5",
+    "@babel/preset-env": "^7.16.11",
+    "@rollup/plugin-babel": "^5.3.0",
+    "@rollup/plugin-commonjs": "^21.0.1",
+    "@rollup/plugin-json": "^4.1.0",
+    "@rollup/plugin-node-resolve": "^13.1.3",
+    "@rollup/plugin-typescript": "^8.3.0",
+    "cross-env": "^5.1.4",
+    "eslint": "^6.2.2",
+    "eslint-config-standard": "^14.1.0",
+    "eslint-plugin-import": "^2.18.2",
+    "eslint-plugin-node": "^10.0.0",
+    "eslint-plugin-promise": "^4.2.1",
+    "eslint-plugin-standard": "^4.0.1",
+    "rollup": "^2.64.0",
+    "rollup-plugin-terser": "^7.0.2",
+    "typescript": "^5.7.2",
+    "tslib": "^2.8.1"
+  },
+  "dependencies": {
+    "earcut": "^2.2.4"
+  },
+  "files": [
+    "dist/",
+    "src/",
+    "index.js"
+  ]
+}

package/readme.md

@@ -19,6 +19,7 @@ Extrude polygons/polylines. Born in [maptalks.three](https://github.com/maptalks
 [![](./gallery/slope.png)](https://deyihu.github.io/poly-extrude/test/slope.html)<br>
 
 [![](./gallery/tube.png)](https://deyihu.github.io/poly-extrude/test/tube.html)<br>
+[![](./gallery/terrain.png)](https://deyihu.github.io/poly-extrude/test/terrain.html)<br>
 
 ## Install
 
@@ -43,7 +44,8 @@ npm i poly-extrude
       cylinder,
       expandPaths,
       extrudeSlopes,
-      expandTubes
+      expandTubes,
+      plane
   } from 'poly-extrude';
 
   //if you use cdn,the namespace is polyextrude
@@ -124,13 +126,16 @@ npm i poly-extrude
 ```
 
 ![](./img/extrudePolylines.png)
+
 ### `extrudePolylines(lines, options)`
 
 * `lines`
 * `options.depth`
 * `options.lineWidth`
 * `options.bottomStickGround`  Is the bottom attached to the ground 
-* `options.pathuV`  generate Path UV
+* `options.pathUV`  generate Path UV
+
+[extrudePolylines pathUV demo](https://deyihu.github.io/poly-extrude/test/line-pathuv.html)
 
 ```js
    const result = extrudePolylines(polylines, {
@@ -147,6 +152,7 @@ npm i poly-extrude
 ```
 
 ![](./img/cylinder.png)
+
 ### `cylinder(center, options)`
 
 * `center`
@@ -174,6 +180,7 @@ const {
 ```
 
 ![](./img/expandPaths.png)
+
 ### `expandPaths(lines, options)`
 
 * `lines`
@@ -207,7 +214,10 @@ const {
 * `options.side` Which side serves as the slope, 'left' or 'right'
 * `options.sideDepth` slope depth 
 * `options.bottomStickGround` Is the bottom attached to the ground
-* `options.pathuV`  generate Path UV
+* `options.pathUV`  generate Path UV
+
+
+[extrudeSlopes pathUV demo](https://deyihu.github.io/poly-extrude/test/slope-pathuv.html)
 
 ```js
 const result = extrudeSlopes(polylines, {
@@ -230,6 +240,7 @@ const {
 ```
 
 ![](./img/expandTubes.png)
+
 ### `expandTubes(lines, options)`
 
 * `lines`
@@ -253,3 +264,28 @@ const {
 } = result;
 //do something
 ```
+
+![](./img/plane.png)
+
+### `plane(width, height,devideW,devideH)`
+
+* `width`
+* `height`
+* `devideW`
+* `devideH`
+
+[plane demo](https://deyihu.github.io/poly-extrude/test/plane.html)  
+[custom terrain demo](https://deyihu.github.io/poly-extrude/test/terrain.html)
+
+```js
+const result = plane(100, 100, 10, 10);
+const {
+
+    positon,
+    normal,
+    uv,
+    indices
+
+} = result;
+//do something
+```

package/src/cylinder.ts

@@ -0,0 +1,124 @@
+import { ResultType } from './type';
+import { generateNormal } from './util';
+
+type CylinderOptions = {
+    radius?: number;
+    height?: number;
+    radialSegments?: number;
+}
+
+type CylinderResult = ResultType & {
+    points: Float32Array
+}
+
+export function cylinder(point: [number, number], options?: CylinderOptions): CylinderResult {
+    options = Object.assign({}, { radius: 1, height: 2, radialSegments: 6 }, options);
+    const radialSegments = Math.round(Math.max(4, options.radialSegments as number));
+    let { radius, height } = options;
+    radius = (radius as number);
+    height = (height as number);
+    const aRad = 360 / radialSegments / 360 * Math.PI * 2;
+    const circlePointsLen = (radialSegments + 1);
+    const points = new Float32Array(circlePointsLen * 3 * 2);
+    const [centerx, centery] = point;
+    let idx = 0, uIdx = 0;
+    const offset = circlePointsLen * 3, uOffset = circlePointsLen * 2;
+    const indices: number[] = [], uv: number[] = [];
+    let iIndex = indices.length - 1;
+    for (let i = -1; i < radialSegments; i++) {
+        const rad = aRad * i;
+        const x = Math.cos(rad) * radius + centerx, y = Math.sin(rad) * radius + centery;
+        // bottom vertices
+        points[idx] = x;
+        points[idx + 1] = y;
+        points[idx + 2] = 0;
+
+        // top vertices
+        points[idx + offset] = x;
+        points[idx + 1 + offset] = y;
+        points[idx + 2 + offset] = height;
+
+        let u = 0, v = 0;
+        u = 0.5 + x / radius / 2;
+        v = 0.5 + y / radius / 2;
+        uv[uIdx] = u;
+        uv[uIdx + 1] = v;
+        uv[uIdx + uOffset] = u;
+        uv[uIdx + 1 + uOffset] = v;
+
+        idx += 3;
+        uIdx += 2;
+        if (i > 1) {
+            // bottom indices
+            // indices.push(0, i - 1, i);
+            indices[++iIndex] = 0;
+            indices[++iIndex] = i - 1;
+            indices[++iIndex] = i;
+        }
+    }
+    idx -= 3;
+    points[idx] = points[0];
+    points[idx + 1] = points[1];
+    points[idx + 2] = points[2];
+    const pointsLen = points.length;
+    points[pointsLen - 3] = points[0];
+    points[pointsLen - 2] = points[1];
+    points[pointsLen - 1] = height;
+
+    const indicesLen = indices.length;
+    // top indices
+    iIndex = indices.length - 1;
+    for (let i = 0; i < indicesLen; i++) {
+        const index = indices[i];
+        indices[++iIndex] = index + circlePointsLen;
+        // indices.push(index + circlePointsLen);
+    }
+
+    const sidePoints = new Float32Array((circlePointsLen * 3 * 2 - 6) * 2);
+    let pIndex = -1;
+    idx = circlePointsLen * 2;
+    uIdx = 0;
+    iIndex = indices.length - 1;
+    let uvIndex = uv.length - 1;
+    for (let i = 0, len = points.length / 2; i < len - 3; i += 3) {
+        const x1 = points[i], y1 = points[i + 1], x2 = points[i + 3], y2 = points[i + 4];
+        sidePoints[++pIndex] = x1;
+        sidePoints[++pIndex] = y1;
+        sidePoints[++pIndex] = height;
+        sidePoints[++pIndex] = x2;
+        sidePoints[++pIndex] = y2;
+        sidePoints[++pIndex] = height;
+        sidePoints[++pIndex] = x1;
+        sidePoints[++pIndex] = y1;
+        sidePoints[++pIndex] = 0;
+        sidePoints[++pIndex] = x2;
+        sidePoints[++pIndex] = y2;
+        sidePoints[++pIndex] = 0;
+        const a = idx + 2, b = idx + 3, c = idx, d = idx + 1;
+        // indices.push(a, c, b, c, d, b);
+        indices[++iIndex] = c;
+        indices[++iIndex] = a;
+        indices[++iIndex] = d;
+        indices[++iIndex] = a;
+        indices[++iIndex] = b;
+        indices[++iIndex] = d;
+        // indices.push(c, a, d, a, b, d);
+        idx += 4;
+        const u1 = uIdx / circlePointsLen, u2 = (uIdx + 1) / circlePointsLen;
+        uv[++uvIndex] = u1;
+        uv[++uvIndex] = height / radius / 2;
+        uv[++uvIndex] = u2;
+        uv[++uvIndex] = height / radius / 2;
+        uv[++uvIndex] = u1;
+        uv[++uvIndex] = 0;
+        uv[++uvIndex] = u2;
+        uv[++uvIndex] = 0;
+        // uvs.push(u1, height / radius / 2, u2, height / radius / 2, u1, 0, u2, 0);
+        uIdx++;
+    }
+    const position = new Float32Array(points.length + sidePoints.length);
+    position.set(points, 0);
+    position.set(sidePoints, points.length);
+    const normal = generateNormal(indices, position);
+    return { points, indices: new Uint32Array(indices), position, normal, uv: new Float32Array(uv) };
+}

package/src/index.ts

@@ -0,0 +1,7 @@
+import { extrudePolygons } from './polygon';
+import { extrudePolylines, expandLine, leftOnLine, extrudeSlopes } from './polyline';
+import { cylinder } from './cylinder';
+import { expandPaths } from './path';
+import { expandTubes } from './tube';
+import { plane } from './plane';
+export { extrudePolygons, extrudePolylines, extrudeSlopes, expandLine, leftOnLine, cylinder, expandPaths, expandTubes, plane };