@pirireis/webglobeplugins 0.15.35 → 0.16.0

package/programs/line-on-globe/circle-accurate-3d.js

@@ -1,19 +1,27 @@
-import { createProgram } from "../../util/webglobjectbuilders";
-import { CameraUniformBlockString, CameraUniformBlockTotemCache } from "../totems/camerauniformblock";
-import { noRegisterGlobeProgramCache } from "../programcache";
-// import { vaoAttributeLoader } from "../../util/account/util";
-import { attributeLoader } from "../../util/gl-util/buffer/attribute-loader";
-import { cartesian3DToGLPosition, circleLimpFromLongLatRadCenterCartesian3D_accurate, circleOnSphere, POLE, PI } from "../../util/shaderfunctions/geometrytransformations";
-/**
- * TODO:
- * 1. integrate geometry functions for radius angle and center
- * 2. integrate attributes
- *
- * TODO:
- * center_position is too small or doenst loaded as expected.
- */
-const EDGE_COUNT_ON_SPHERE = 360;
-//${circleLimpFromLongLatRadCenterCartesian3D_accurate}
+import { createProgram } from "../../util/webglobjectbuilders";
+import { CameraUniformBlockString, CameraUniformBlockTotemCache } from "../totems/camerauniformblock";
+import { noRegisterGlobeProgramCache } from "../programcache";
+// import { vaoAttributeLoader } from "../../util/account/util";
+import { attributeLoader } from "../../util/gl-util/buffer/attribute-loader";
+import {
+    cartesian3DToGLPosition,
+    circleLimpFromLongLatRadCenterCartesian3D_accurate,
+    circleOnSphere,
+    POLE,
+    PI
+} from "../../util/shaderfunctions/geometrytransformations";
+
+
+/**
+ * TODO: 
+ * 1. integrate geometry functions for radius angle and center
+ * 2. integrate attributes
+ * 
+ * TODO:
+ * center_position is too small or doenst loaded as expected.
+ */
+const EDGE_COUNT_ON_SPHERE = 360;
+//${circleLimpFromLongLatRadCenterCartesian3D_accurate}
 const vertexShaderSource = `#version 300 es
 precision highp float;
 ${PI}
@@ -47,7 +55,8 @@ void main() {
     v_dash_opacity = dash_opacity;
     v_color = color;
     gl_PointSize = 3.0;
-}`;
+}`
+
 const fragmentShaderSource = `#version 300 es
 ${POLE}
 precision highp float;
@@ -66,73 +75,92 @@ void main() {
         color.a *= v_dash_opacity;
     }   
 }
-`;
-class Logic {
-    constructor(globe) {
-        this.globe = globe;
-        this.gl = globe.gl;
-        this._lastOpacity = 1.0;
-        this.program = createProgram(this.gl, vertexShaderSource, fragmentShaderSource);
-        const { gl, program } = this;
-        this.program.uniforms = {
-            opacity: gl.getUniformLocation(program, "opacity")
-        };
-        { // initial uniform values
-            const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
-            gl.useProgram(program);
-            gl.uniform1f(program.uniforms.opacity, 1.0);
-            gl.useProgram(currentProgram);
-        }
-        { // assign attribute locations
-            gl.bindAttribLocation(program, 0, "center_position3d");
-            gl.bindAttribLocation(program, 1, "target_position3d");
-            gl.bindAttribLocation(program, 2, "color");
-            gl.bindAttribLocation(program, 3, "dash_ratio");
-            gl.bindAttribLocation(program, 4, "dash_opacity");
-        }
-        this.cameraBindingPoint = 0;
-        this.cameraBlockTotem = CameraUniformBlockTotemCache.get(globe);
-        const cameraBlockLocation = gl.getUniformBlockIndex(program, "CameraUniformBlock");
-        gl.uniformBlockBinding(program, cameraBlockLocation, this.cameraBindingPoint);
-    }
-    createVAO(center3dObj, target3dObj, colorObj, dashRatioObj, dashOpacityObj) {
-        const { gl } = this;
-        const vao = gl.createVertexArray();
-        const divisor = 1;
-        gl.bindVertexArray(vao);
-        attributeLoader(gl, center3dObj, 0, 3, { divisor });
-        attributeLoader(gl, target3dObj, 1, 3, { divisor });
-        // attributeLoader(gl, radiusObj, 1, 1, { divisor });
-        attributeLoader(gl, colorObj, 2, 4, { divisor });
-        attributeLoader(gl, dashRatioObj, 3, 1, { divisor });
-        attributeLoader(gl, dashOpacityObj, 4, 1, { divisor });
-        gl.bindVertexArray(null);
-        gl.bindVertexArray(null);
-        return vao;
-    }
-    draw(vao, length, opacity) {
-        const { gl, program, cameraBlockTotem, cameraBindingPoint } = this;
-        gl.useProgram(program);
-        if (this._lastOpacity !== opacity) {
-            gl.uniform1f(program.uniforms.opacity, opacity);
-            this._lastOpacity = opacity;
-        }
-        gl.bindVertexArray(vao);
-        cameraBlockTotem.bind(cameraBindingPoint);
-        gl.drawArraysInstanced(gl.LINE_STRIP, 0, EDGE_COUNT_ON_SPHERE + 1, length);
-        // gl.drawArraysInstanced(gl.POINTS, 0, EDGE_COUNT_ON_SPHERE + 1, length);
-        cameraBlockTotem.unbind(cameraBindingPoint);
-        gl.bindVertexArray(null);
-    }
-    free() {
-        if (this.isFreed)
-            return;
-        CameraUniformBlockTotemCache.release(this.globe);
-        this.gl.deleteProgram(this.program);
-        this.isFreed = true;
-    }
-}
-export const CircleCache = Object.freeze({
-    get: (globe) => noRegisterGlobeProgramCache.getProgram(globe, Logic),
-    release: (globe) => noRegisterGlobeProgramCache.releaseProgram(globe, Logic)
-});
+`;
+
+
+
+class Logic {
+
+    constructor(globe) {
+        this.globe = globe;
+        this.gl = globe.gl;
+        this._lastOpacity = 1.0;
+
+        this.program = createProgram(this.gl, vertexShaderSource, fragmentShaderSource);
+
+        const { gl, program } = this;
+        this.program.uniforms = {
+            opacity: gl.getUniformLocation(program, "opacity")
+        };
+
+        { // initial uniform values
+            const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
+            gl.useProgram(program);
+            gl.uniform1f(program.uniforms.opacity, 1.0);
+            gl.useProgram(currentProgram);
+        }
+
+        {   // assign attribute locations
+            gl.bindAttribLocation(program, 0, "center_position3d");
+            gl.bindAttribLocation(program, 1, "target_position3d");
+            gl.bindAttribLocation(program, 2, "color");
+            gl.bindAttribLocation(program, 3, "dash_ratio");
+            gl.bindAttribLocation(program, 4, "dash_opacity");
+        }
+
+        this.cameraBindingPoint = 0;
+        this.cameraBlockTotem = CameraUniformBlockTotemCache.get(globe);
+        const cameraBlockLocation = gl.getUniformBlockIndex(program, "CameraUniformBlock");
+        gl.uniformBlockBinding(program, cameraBlockLocation, this.cameraBindingPoint);
+    }
+
+    createVAO(center3dObj, target3dObj, colorObj, dashRatioObj, dashOpacityObj) {
+        const { gl } = this;
+        const vao = gl.createVertexArray();
+        const divisor = 1;
+
+        gl.bindVertexArray(vao);
+
+        attributeLoader(gl, center3dObj, 0, 3, { divisor });
+        attributeLoader(gl, target3dObj, 1, 3, { divisor });
+        // attributeLoader(gl, radiusObj, 1, 1, { divisor });
+        attributeLoader(gl, colorObj, 2, 4, { divisor });
+        attributeLoader(gl, dashRatioObj, 3, 1, { divisor });
+        attributeLoader(gl, dashOpacityObj, 4, 1, { divisor });
+
+        gl.bindVertexArray(null);
+        gl.bindVertexArray(null);
+        return vao;
+    }
+
+    draw(vao, length, opacity) {
+        const { gl, program, cameraBlockTotem, cameraBindingPoint } = this;
+        gl.useProgram(program);
+
+        if (this._lastOpacity !== opacity) {
+            gl.uniform1f(program.uniforms.opacity, opacity);
+            this._lastOpacity = opacity;
+        }
+        gl.bindVertexArray(vao);
+        cameraBlockTotem.bind(cameraBindingPoint);
+        gl.drawArraysInstanced(gl.LINE_STRIP, 0, EDGE_COUNT_ON_SPHERE + 1, length);
+        // gl.drawArraysInstanced(gl.POINTS, 0, EDGE_COUNT_ON_SPHERE + 1, length);
+        cameraBlockTotem.unbind(cameraBindingPoint);
+        gl.bindVertexArray(null);
+    }
+
+
+    free() {
+        if (this.isFreed) return;
+        CameraUniformBlockTotemCache.release(this.globe);
+        this.gl.deleteProgram(this.program);
+        this.isFreed = true;
+    }
+}
+
+
+
+export const CircleCache = Object.freeze({
+    get: (globe) => noRegisterGlobeProgramCache.getProgram(globe, Logic),
+    release: (globe) => noRegisterGlobeProgramCache.releaseProgram(globe, Logic)
+});

package/programs/line-on-globe/circle-accurate-flat.js

@@ -1,18 +1,23 @@
-import { createProgram } from "../../util/webglobjectbuilders";
-import { CameraUniformBlockString, CameraUniformBlockTotemCache } from "../totems/camerauniformblock";
-import { noRegisterGlobeProgramCache } from "../programcache";
-import { vaoAttributeLoader } from "../../util/account/util";
-import { mercatorXYToGLPosition, POLE } from "../../util/shaderfunctions/geometrytransformations";
-const Pole = 20037508.34;
-/**
-* Warning:
-* Insert the points from the second index and skip 1 point as you placed 361 points
-*/
-/**
- * Plus 1 for returning to the start point. 1 for cutting the circle into pieces.
- */
-const EDGE_COUNT = 62;
-const ESCAPE_VALUE = 200000000;
+import { createProgram } from "../../util/webglobjectbuilders";
+import { CameraUniformBlockString, CameraUniformBlockTotemCache } from "../totems/camerauniformblock";
+import { noRegisterGlobeProgramCache } from "../programcache";
+import { vaoAttributeLoader } from "../../util/account/util";
+import {
+    mercatorXYToGLPosition, POLE
+} from "../../util/shaderfunctions/geometrytransformations";
+
+const Pole = 20037508.34;
+/**
+* Warning:
+* Insert the points from the second index and skip 1 point as you placed 361 points
+*/
+
+/**
+ * Plus 1 for returning to the start point. 1 for cutting the circle into pieces. 
+ */
+const EDGE_COUNT = 62;
+const ESCAPE_VALUE = 200000000;
+
 const vertexShaderSource = `#version 300 es
 precision highp float;
 
@@ -52,7 +57,8 @@ void main() {
     v_color = color;
     gl_PointSize = 15.0;
 
-}`;
+}`
+
 const fragmentShaderSource = `#version 300 es
 ${POLE}
 precision highp float;
@@ -75,136 +81,182 @@ void main() {
     if (fract(interpolation / (2.0 * v_dash_ratio)) < 0.5 ) {
         color.a *= v_dash_opacity;
     }   
-}`;
-class Logic {
-    constructor(globe) {
-        this.globe = globe;
-        this.gl = globe.gl;
-        this._lastOpacity = 1.0;
-        this._lastMercatorMode = 0;
-        this._lastEdgeCount = EDGE_COUNT;
-        this.program = createProgram(this.gl, vertexShaderSource, fragmentShaderSource);
-        const { gl, program } = this;
-        this.program.uniforms = {
-            opacity: gl.getUniformLocation(program, "opacity"),
-            edgeCount: gl.getUniformLocation(program, "edge_count"),
-            mercator_calculation_mode: gl.getUniformLocation(program, "mercator_calculation_mode")
-        };
-        // initial uniform values
-        const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
-        gl.useProgram(program);
-        gl.uniform1f(program.uniforms.opacity, 1.0);
-        gl.uniform1i(program.uniforms.edgeCount, EDGE_COUNT);
-        gl.uniform1i(program.uniforms.mercator_calculation_mode, 0);
-        gl.useProgram(currentProgram);
-        // assign attribute locations
-        gl.bindAttribLocation(program, 0, "position2d");
-        gl.bindAttribLocation(program, 1, "color");
-        gl.bindAttribLocation(program, 2, "dash_ratio");
-        gl.bindAttribLocation(program, 3, "dash_opacity");
-        this.cameraBindingPoint = 0;
-        this.cameraBlockTotem = CameraUniformBlockTotemCache.get(globe);
-        const cameraBlockLocation = gl.getUniformBlockIndex(program, "CameraUniformBlock");
-        gl.uniformBlockBinding(program, cameraBlockLocation, this.cameraBindingPoint);
-    }
-    createVAO(centerObj, colorObj, dashRatioObj, dashOpacityObj) {
-        const { gl } = this;
-        const vao = gl.createVertexArray();
-        gl.bindVertexArray(vao);
-        { // make this a function end import from account module. 
-            const { buffer, stride = 0, offset = 0 } = centerObj;
-            vaoAttributeLoader(gl, buffer, 0, 2, stride, offset, null);
-        }
-        {
-            const { buffer, stride = 0, offset = 0 } = colorObj;
-            vaoAttributeLoader(gl, buffer, 1, 4, stride, offset, null);
-        }
-        {
-            const { buffer, stride = 0, offset = 0 } = dashRatioObj;
-            vaoAttributeLoader(gl, buffer, 2, 1, stride, offset, null);
-        }
-        {
-            const { buffer, stride = 0, offset = 0 } = dashOpacityObj;
-            vaoAttributeLoader(gl, buffer, 3, 1, stride, offset, null);
-        }
-        gl.bindVertexArray(null);
-        gl.bindVertexArray(null);
-        return vao;
-    }
-    draw(vao, length, edgeCount, opacity) {
-        const { gl, program, cameraBlockTotem, cameraBindingPoint } = this;
-        gl.useProgram(program);
-        if (this._lastOpacity !== opacity) {
-            gl.uniform1f(program.uniforms.opacity, opacity);
-            this._lastOpacity = opacity;
-        }
-        if (this._lastEdgeCount !== edgeCount) {
-            gl.uniform1i(program.uniforms.edgeCount, edgeCount);
-            this._lastEdgeCount = edgeCount;
-        }
-        gl.bindVertexArray(vao);
-        cameraBlockTotem.bind(cameraBindingPoint);
-        gl.drawArrays(gl.LINE_STRIP, 0, length * edgeCount);
-        // gl.drawArrays(gl.POINTS, 0, length * EDGE_COUNT)
-        cameraBlockTotem.unbind(cameraBindingPoint);
-        gl.bindVertexArray(null);
-    }
-    free() {
-        if (this.isFreed)
-            return;
-        CameraUniformBlockTotemCache.release(this.globe);
-        this.gl.deleteProgram(this.program);
-        this.isFreed = true;
-    }
-}
-const CircleCache = Object.freeze({
-    get: (globe) => noRegisterGlobeProgramCache.getProgram(globe, Logic),
-    release: (globe) => noRegisterGlobeProgramCache.releaseProgram(globe, Logic)
-});
-function centerCoords2dflatDataCreator(globe, centerLong, centerLat, targetLong, targetLat, { startAngleOfCircle = null, edgeCount = EDGE_COUNT, radiusOffset = 0 } = {}) {
-    const centerCoords2dflat = new Float32Array(edgeCount * 2);
-    const radius2d = globe.Math.GetDist2D(centerLong, centerLat, targetLong, targetLat) + radiusOffset;
-    let angle;
-    if (startAngleOfCircle === null) {
-        angle = globe.Math.GetAzimuthAngle(centerLong, centerLat, targetLong, targetLat);
-    }
-    else {
-        angle = startAngleOfCircle;
-    }
-    const pointsLongLat = globe.Math.GetEllipseGeo(centerLong, centerLat, radius2d, radius2d, angle, 360 / (edgeCount - 2));
-    let lastlg = pointsLongLat[0].long;
-    let lastlt = pointsLongLat[0].lat;
-    for (let i = 1; i < edgeCount; i++) {
-        const { long: lg, lat: lt } = pointsLongLat[i - 1];
-        if (manhattanDistance(lastlg, lastlt, lg, lt) < 170) {
-            centerCoords2dflat.set(globe.api_GetMercator2DPoint(lg, lt), i * 2);
-        }
-        else {
-            centerCoords2dflat.set([NaN, NaN], i * 2);
-        }
-        lastlg = lg;
-        lastlt = lt;
-    }
-    return centerCoords2dflat;
-}
-function centerCoords2dflatDataCreatorWithRadius(globe, centerLong, centerLat, radius2d, { startAngleOfCircle = null, edgeCount = EDGE_COUNT } = {}) {
-    const centerCoords2dflat = new Float32Array(edgeCount * 2);
-    const pointsLongLat = globe.Math.GetEllipseGeo(centerLong, centerLat, radius2d, radius2d, 0, 360 / (edgeCount - 2));
-    let { long: lastlg, lat: lastlt } = pointsLongLat[0];
-    for (let i = 1; i < edgeCount; i++) {
-        const { long: lg, lat: lt } = pointsLongLat[i - 1];
-        if (manhattanDistance(lastlg, lastlt, lg, lt) < 170) {
-            centerCoords2dflat.set(globe.api_GetMercator2DPoint(lg, lt), i * 2);
-        }
-        else {
-            centerCoords2dflat.set([NaN, NaN], i * 2);
-        }
-        lastlg = lg;
-        lastlt = lt;
-    }
-    return centerCoords2dflat;
-}
-function manhattanDistance(x1, y1, x2, y2) {
-    return Math.max(Math.abs(x1 - x2), Math.abs(y1 - y2));
-}
-export { CircleCache, EDGE_COUNT, centerCoords2dflatDataCreator, centerCoords2dflatDataCreatorWithRadius };
+}`;
+
+
+
+class Logic {
+
+
+    constructor(globe) {
+        this.globe = globe;
+        this.gl = globe.gl;
+        this._lastOpacity = 1.0;
+        this._lastMercatorMode = 0;
+        this._lastEdgeCount = EDGE_COUNT;
+        this.program = createProgram(this.gl, vertexShaderSource, fragmentShaderSource);
+
+        const { gl, program } = this;
+        this.program.uniforms = {
+            opacity: gl.getUniformLocation(program, "opacity"),
+            edgeCount: gl.getUniformLocation(program, "edge_count"),
+            mercator_calculation_mode: gl.getUniformLocation(program, "mercator_calculation_mode")
+        };
+
+        // initial uniform values
+        const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
+        gl.useProgram(program);
+        gl.uniform1f(program.uniforms.opacity, 1.0);
+        gl.uniform1i(program.uniforms.edgeCount, EDGE_COUNT);
+        gl.uniform1i(program.uniforms.mercator_calculation_mode, 0);
+        gl.useProgram(currentProgram);
+
+        // assign attribute locations
+        gl.bindAttribLocation(program, 0, "position2d");
+        gl.bindAttribLocation(program, 1, "color");
+        gl.bindAttribLocation(program, 2, "dash_ratio");
+        gl.bindAttribLocation(program, 3, "dash_opacity");
+
+        this.cameraBindingPoint = 0;
+        this.cameraBlockTotem = CameraUniformBlockTotemCache.get(globe);
+        const cameraBlockLocation = gl.getUniformBlockIndex(program, "CameraUniformBlock");
+        gl.uniformBlockBinding(program, cameraBlockLocation, this.cameraBindingPoint);
+    }
+
+
+    createVAO(centerObj, colorObj, dashRatioObj, dashOpacityObj) {
+        const { gl } = this;
+        const vao = gl.createVertexArray();
+        gl.bindVertexArray(vao);
+        {  // make this a function end import from account module. 
+            const { buffer, stride = 0, offset = 0 } = centerObj;
+            vaoAttributeLoader(gl, buffer, 0, 2, stride, offset, null);
+        }
+
+        {
+            const { buffer, stride = 0, offset = 0 } = colorObj;
+            vaoAttributeLoader(gl, buffer, 1, 4, stride, offset, null);
+        }
+        {
+            const { buffer, stride = 0, offset = 0 } = dashRatioObj;
+            vaoAttributeLoader(gl, buffer, 2, 1, stride, offset, null);
+        }
+        {
+            const { buffer, stride = 0, offset = 0 } = dashOpacityObj;
+            vaoAttributeLoader(gl, buffer, 3, 1, stride, offset, null);
+        }
+        gl.bindVertexArray(null);
+        gl.bindVertexArray(null);
+        return vao;
+    }
+
+
+    draw(vao, length, edgeCount, opacity) {
+        const { gl, program, cameraBlockTotem, cameraBindingPoint } = this;
+        gl.useProgram(program);
+        if (this._lastOpacity !== opacity) {
+            gl.uniform1f(program.uniforms.opacity, opacity);
+            this._lastOpacity = opacity;
+        }
+        if (this._lastEdgeCount !== edgeCount) {
+            gl.uniform1i(program.uniforms.edgeCount, edgeCount);
+            this._lastEdgeCount = edgeCount;
+        }
+        gl.bindVertexArray(vao);
+        cameraBlockTotem.bind(cameraBindingPoint);
+        gl.drawArrays(gl.LINE_STRIP, 0, length * edgeCount)
+        // gl.drawArrays(gl.POINTS, 0, length * EDGE_COUNT)
+        cameraBlockTotem.unbind(cameraBindingPoint);
+        gl.bindVertexArray(null);
+    }
+
+
+    free() {
+        if (this.isFreed) return;
+        CameraUniformBlockTotemCache.release(this.globe);
+        this.gl.deleteProgram(this.program);
+        this.isFreed = true;
+    }
+}
+
+
+
+const CircleCache = Object.freeze({
+    get: (globe) => noRegisterGlobeProgramCache.getProgram(globe, Logic),
+    release: (globe) => noRegisterGlobeProgramCache.releaseProgram(globe, Logic)
+});
+
+
+function centerCoords2dflatDataCreator(globe, centerLong, centerLat, targetLong, targetLat, { startAngleOfCircle = null, edgeCount = EDGE_COUNT, radiusOffset = 0 } = {}) {
+    const centerCoords2dflat = new Float32Array(edgeCount * 2);
+    const radius2d = globe.Math.GetDist2D(centerLong, centerLat, targetLong, targetLat) + radiusOffset;
+    let angle;
+    if (startAngleOfCircle === null) {
+        angle = globe.Math.GetAzimuthAngle(centerLong, centerLat, targetLong, targetLat);
+    } else {
+        angle = startAngleOfCircle;
+    }
+    const pointsLongLat = globe.Math.GetEllipseGeo(
+        centerLong,
+        centerLat,
+        radius2d,
+        radius2d,
+        angle,
+        360 / (edgeCount - 2), // 1 for return to start point, 1 for cutting circles
+    );
+
+    let lastlg = pointsLongLat[0].long;
+    let lastlt = pointsLongLat[0].lat;
+
+    for (let i = 1; i < edgeCount; i++) {
+        const { long: lg, lat: lt } = pointsLongLat[i - 1];
+        if (manhattanDistance(lastlg, lastlt, lg, lt) < 170) {
+            centerCoords2dflat.set(
+                globe.api_GetMercator2DPoint(lg, lt)
+                , i * 2);
+        } else {
+            centerCoords2dflat.set([NaN, NaN], i * 2);
+        }
+        lastlg = lg;
+        lastlt = lt;
+    }
+    return centerCoords2dflat;
+}
+
+
+function centerCoords2dflatDataCreatorWithRadius(globe, centerLong, centerLat, radius2d, { startAngleOfCircle = null, edgeCount = EDGE_COUNT } = {}) {
+    const centerCoords2dflat = new Float32Array(edgeCount * 2);
+    const pointsLongLat = globe.Math.GetEllipseGeo(
+        centerLong,
+        centerLat,
+        radius2d,
+        radius2d,
+        0,
+        360 / (edgeCount - 2), // 1 for return to start point, 1 for cutting circles
+    );
+
+    let { long: lastlg, lat: lastlt } = pointsLongLat[0];
+    for (let i = 1; i < edgeCount; i++) {
+        const { long: lg, lat: lt } = pointsLongLat[i - 1];
+        if (manhattanDistance(lastlg, lastlt, lg, lt) < 170) {
+            centerCoords2dflat.set(
+                globe.api_GetMercator2DPoint(lg, lt)
+                , i * 2);
+        } else {
+            centerCoords2dflat.set([NaN, NaN], i * 2);
+        }
+        lastlg = lg;
+        lastlt = lt;
+    }
+    return centerCoords2dflat;
+}
+
+
+function manhattanDistance(x1, y1, x2, y2) {
+    return Math.max(Math.abs(x1 - x2), Math.abs(y1 - y2));
+}
+
+
+export {
+    CircleCache, EDGE_COUNT, centerCoords2dflatDataCreator, centerCoords2dflatDataCreatorWithRadius
+}