vislite 0.8.0 → 0.8.1-alpha.0

package/src/common/geometry/prism-horizontal.ts

@@ -1,50 +1,50 @@
-import rotate from '../../rotate'
-
-/**
- * 棱柱水平部分
- * @param normal 是否需要法向量
- * @param x 中心
- * @param y
- * @param z
- * @param radius 半径
- * @param num 份数
- * @param d 方向（用于 表示是底还是顶，方便计算法向量）
- * @param beginDeg 开始弧度，默认0
- * @param deg 跨越弧度，默认2pi
- * @returns 点数组
- */
-export default function (normal: boolean, x: number, y: number, z: number, radius: number, num: number, d: number, beginDeg: number = 0, deg: number = Math.PI * 2) {
-
-    let beginX: number, beginZ: number
-    if (num == 4) {
-        const temp = radius / 1.414
-        beginX = x + temp
-        beginZ = z + temp
-
-    } else {
-        beginX = x + radius
-        beginZ = z
-    }
-
-    let point = [beginX, beginZ]
-    if (beginDeg != 0) {
-        point = rotate(x, z, beginDeg, beginX, beginZ)
-    }
-
-    const points = []
-    const perDeg = deg / num
-    for (let i = 0; i < num; i++) {
-
-        points.push(x, y, z)
-        if (normal) points.push(0, d, 0)
-
-        points.push(point[0], y, point[1])
-        if (normal) points.push(0, d, 0)
-
-        point = rotate(x, z, perDeg * (i + 1), beginX, beginZ)
-        points.push(point[0], y, point[1])
-        if (normal) points.push(0, d, 0)
-    }
-
-    return points
-}
+import rotate from '../../rotate'
+
+/**
+ * 棱柱水平部分
+ * @param normal 是否需要法向量
+ * @param x 中心
+ * @param y
+ * @param z
+ * @param radius 半径
+ * @param num 份数
+ * @param d 方向（用于 表示是底还是顶，方便计算法向量）
+ * @param beginDeg 开始弧度，默认0
+ * @param deg 跨越弧度，默认2pi
+ * @returns 点数组
+ */
+export default function (normal: boolean, x: number, y: number, z: number, radius: number, num: number, d: number, beginDeg: number = 0, deg: number = Math.PI * 2) {
+
+    let beginX: number, beginZ: number
+    if (num == 4) {
+        const temp = radius / 1.414
+        beginX = x + temp
+        beginZ = z + temp
+
+    } else {
+        beginX = x + radius
+        beginZ = z
+    }
+
+    let point = [beginX, beginZ]
+    if (beginDeg != 0) {
+        point = rotate(x, z, beginDeg, beginX, beginZ)
+    }
+
+    const points = []
+    const perDeg = deg / num
+    for (let i = 0; i < num; i++) {
+
+        points.push(x, y, z)
+        if (normal) points.push(0, d, 0)
+
+        points.push(point[0], y, point[1])
+        if (normal) points.push(0, d, 0)
+
+        point = rotate(x, z, perDeg * (i + 1), beginX, beginZ)
+        points.push(point[0], y, point[1])
+        if (normal) points.push(0, d, 0)
+    }
+
+    return points
+}

package/src/common/geometry/prism-vertical.ts

@@ -1,55 +1,55 @@
-import rotate from '../../rotate'
-
-/**
- * 棱柱垂直部分
- * @param normal 是否需要法向量
- * @param x 中心
- * @param y
- * @param z
- * @param radius 半径
- * @param height 高
- * @param num 份数
- * @param beginDeg 开始弧度，默认0
- * @param deg 跨越弧度，默认2pi
- * @returns 点数组
- */
-export default function (normal: boolean, x: number, y: number, z: number, radius: number, height: number, num: number, beginDeg: number = 0, deg: number = Math.PI * 2) {
-    const points = []
-    let beginPosition: [number, number]
-
-    if (num == 4) {
-        beginPosition = rotate(x, z, Math.PI * 0.25, x - radius, z)
-    } else {
-        beginPosition = [x + radius, z]
-    }
-
-    if (beginDeg != 0) {
-        beginPosition = rotate(x, z, beginDeg, ...beginPosition)
-    }
-
-    const perDeg = deg / num, degHalf = deg / (num * 2)
-
-    let endPosition: [number, number], normalPosition: [number, number, number] | [] = []
-    for (let i = 0; i < num; i++) {
-
-        endPosition = rotate(x, z, perDeg, ...beginPosition)
-
-        if (normal) {
-            const halfPosition = rotate(x, z, degHalf, ...beginPosition)
-            normalPosition = [halfPosition[0], 0, halfPosition[1]]
-        }
-
-        points.push(beginPosition[0], y, beginPosition[1], ...normalPosition)
-        points.push(beginPosition[0], y + height, beginPosition[1], ...normalPosition)
-        points.push(endPosition[0], y + height, endPosition[1], ...normalPosition)
-
-        points.push(beginPosition[0], y, beginPosition[1], ...normalPosition)
-        points.push(endPosition[0], y, endPosition[1], ...normalPosition)
-        points.push(endPosition[0], y + height, endPosition[1], ...normalPosition)
-
-
-        beginPosition = endPosition
-    }
-
-    return points
-}
+import rotate from '../../rotate'
+
+/**
+ * 棱柱垂直部分
+ * @param normal 是否需要法向量
+ * @param x 中心
+ * @param y
+ * @param z
+ * @param radius 半径
+ * @param height 高
+ * @param num 份数
+ * @param beginDeg 开始弧度，默认0
+ * @param deg 跨越弧度，默认2pi
+ * @returns 点数组
+ */
+export default function (normal: boolean, x: number, y: number, z: number, radius: number, height: number, num: number, beginDeg: number = 0, deg: number = Math.PI * 2) {
+    const points = []
+    let beginPosition: [number, number]
+
+    if (num == 4) {
+        beginPosition = rotate(x, z, Math.PI * 0.25, x - radius, z)
+    } else {
+        beginPosition = [x + radius, z]
+    }
+
+    if (beginDeg != 0) {
+        beginPosition = rotate(x, z, beginDeg, ...beginPosition)
+    }
+
+    const perDeg = deg / num, degHalf = deg / (num * 2)
+
+    let endPosition: [number, number], normalPosition: [number, number, number] | [] = []
+    for (let i = 0; i < num; i++) {
+
+        endPosition = rotate(x, z, perDeg, ...beginPosition)
+
+        if (normal) {
+            const halfPosition = rotate(x, z, degHalf, ...beginPosition)
+            normalPosition = [halfPosition[0], 0, halfPosition[1]]
+        }
+
+        points.push(beginPosition[0], y, beginPosition[1], ...normalPosition)
+        points.push(beginPosition[0], y + height, beginPosition[1], ...normalPosition)
+        points.push(endPosition[0], y + height, endPosition[1], ...normalPosition)
+
+        points.push(beginPosition[0], y, beginPosition[1], ...normalPosition)
+        points.push(endPosition[0], y, endPosition[1], ...normalPosition)
+        points.push(endPosition[0], y + height, endPosition[1], ...normalPosition)
+
+
+        beginPosition = endPosition
+    }
+
+    return points
+}

package/src/common/geometry/tool/circle.ts

@@ -1,18 +1,18 @@
-/**
- * 计算切割份数
- * @param precision 精度
- * @param radius 半径
- * @param deg 需要跨越的弧度，默认圆（2pi）
- * @returns 切割份数
- */
-export const splitNum = function (precision: number, radius: number, deg: number = Math.PI * 2) {
-
-    // 根据切割弧度得出切割块数目
-    const num = Math.ceil(deg /
-
-        // 为了满足最小精度而得出的切割弧度
-        Math.asin(precision / radius) * 2)
-
-    return (isNaN(num) || num < 12) ? 12 : num
-
+/**
+ * 计算切割份数
+ * @param precision 精度
+ * @param radius 半径
+ * @param deg 需要跨越的弧度，默认圆（2pi）
+ * @returns 切割份数
+ */
+export const splitNum = function (precision: number, radius: number, deg: number = Math.PI * 2) {
+
+    // 根据切割弧度得出切割块数目
+    const num = Math.ceil(deg /
+
+        // 为了满足最小精度而得出的切割弧度
+        Math.asin(precision / radius) * 2)
+
+    return (isNaN(num) || num < 12) ? 12 : num
+
 }

package/src/common/geometry/tool/rotateLine.ts

@@ -1,49 +1,49 @@
-/**
- * 物体方向转换
- * 由（x,y,z）转换成（x2-x,y2-y,z2-z）
- * @param x
- * @param y
- * @param z
- * @param x2
- * @param y2
- * @param z2
- * @returns 点转换函数
- */
-export default function (x: number, y: number, z: number, x2: number, y2: number, z2: number) {
-    return (x0: number, y0: number, z0: number, isNormal: boolean) => {
-        if (x == x2 && z == z2) return [x0, y0, z0]
-
-        let sin: number, cos: number, temp: Array<number>
-
-        // 第一步：归零化
-        let _x0 = x0 - (isNormal ? 0 : x), _y0 = y0 - (isNormal ? 0 : y), _z0 = z0 - (isNormal ? 0 : z)  // 法向量起点本来就是原点
-        const _x2 = x2 - x, _y2 = y2 - y, _z2 = z2 - z
-
-        // 第二步：围绕OZ轴旋转
-
-        const __d = Math.sqrt(_x2 * _x2 + _z2 * _z2)
-        cos = _x2 / __d
-        sin = _z2 / __d
-
-        const _x2N = _z2 * sin + _x2 * cos
-
-        const d = Math.sqrt(_y2 * _y2 + _x2N * _x2N)
-        cos = _y2 / d
-        sin = _x2N / d
-
-        temp = [_y0, _x0]
-        _y0 = temp[0] * cos - temp[1] * sin
-        _x0 = temp[0] * sin + temp[1] * cos
-
-        // 第三步：围绕0Y轴旋转
-        cos = _x2 / __d
-        sin = _z2 / __d
-
-        temp = [_x0, _z0]
-        _x0 = temp[0] * cos - temp[1] * sin
-        _z0 = temp[0] * sin + temp[1] * cos
-
-        // 第四步：去零化（直接返回）
-        return [_x0 + (isNormal ? 0 : x), _y0 + (isNormal ? 0 : y), _z0 + (isNormal ? 0 : z)]
-    }
+/**
+ * 物体方向转换
+ * 由（x,y,z）转换成（x2-x,y2-y,z2-z）
+ * @param x
+ * @param y
+ * @param z
+ * @param x2
+ * @param y2
+ * @param z2
+ * @returns 点转换函数
+ */
+export default function (x: number, y: number, z: number, x2: number, y2: number, z2: number) {
+    return (x0: number, y0: number, z0: number, isNormal: boolean) => {
+        if (x == x2 && z == z2) return [x0, y0, z0]
+
+        let sin: number, cos: number, temp: Array<number>
+
+        // 第一步：归零化
+        let _x0 = x0 - (isNormal ? 0 : x), _y0 = y0 - (isNormal ? 0 : y), _z0 = z0 - (isNormal ? 0 : z)  // 法向量起点本来就是原点
+        const _x2 = x2 - x, _y2 = y2 - y, _z2 = z2 - z
+
+        // 第二步：围绕OZ轴旋转
+
+        const __d = Math.sqrt(_x2 * _x2 + _z2 * _z2)
+        cos = _x2 / __d
+        sin = _z2 / __d
+
+        const _x2N = _z2 * sin + _x2 * cos
+
+        const d = Math.sqrt(_y2 * _y2 + _x2N * _x2N)
+        cos = _y2 / d
+        sin = _x2N / d
+
+        temp = [_y0, _x0]
+        _y0 = temp[0] * cos - temp[1] * sin
+        _x0 = temp[0] * sin + temp[1] * cos
+
+        // 第三步：围绕0Y轴旋转
+        cos = _x2 / __d
+        sin = _z2 / __d
+
+        temp = [_x0, _z0]
+        _x0 = temp[0] * cos - temp[1] * sin
+        _z0 = temp[0] * sin + temp[1] * cos
+
+        // 第四步：去零化（直接返回）
+        return [_x0 + (isNormal ? 0 : x), _y0 + (isNormal ? 0 : y), _z0 + (isNormal ? 0 : z)]
+    }
 }

package/src/common/geometry/tool/triangles.ts

@@ -1,24 +1,24 @@
-/**
- * 方向：ab x ac
- * @param normal 是否需要法向量
- * @param points [a1, b1, c1, a2, b2, c2, ...]
- * @returns 完整的点数据
- */
-export default function (normal: boolean, points: Array<number>) {
-    if (normal) {
-        const _points = []
-        for (let i = 0; i < points.length; i += 9) {
-            const ab = [points[i + 3] - points[i], points[i + 4] - points[i + 1], points[i + 5] - points[i + 2]]
-            const ac = [points[i + 6] - points[i], points[i + 7] - points[i + 1], points[i + 8] - points[i + 2]]
-            const normalVector = [ab[1] * ac[2] - ac[1] * ab[2], ab[2] * ac[0] - ab[0] * ac[2], ab[0] * ac[1] - ab[1] * ac[2]]
-            _points.push(
-                points[i], points[i + 1], points[i + 2], ...normalVector,
-                points[i + 3], points[i + 4], points[i + 5], ...normalVector,
-                points[i + 6], points[i + 7], points[i + 8], ...normalVector,
-            )
-        }
-        return _points
-    } else {
-        return points
-    }
+/**
+ * 方向：ab x ac
+ * @param normal 是否需要法向量
+ * @param points [a1, b1, c1, a2, b2, c2, ...]
+ * @returns 完整的点数据
+ */
+export default function (normal: boolean, points: Array<number>) {
+    if (normal) {
+        const _points = []
+        for (let i = 0; i < points.length; i += 9) {
+            const ab = [points[i + 3] - points[i], points[i + 4] - points[i + 1], points[i + 5] - points[i + 2]]
+            const ac = [points[i + 6] - points[i], points[i + 7] - points[i + 1], points[i + 8] - points[i + 2]]
+            const normalVector = [ab[1] * ac[2] - ac[1] * ab[2], ab[2] * ac[0] - ab[0] * ac[2], ab[0] * ac[1] - ab[1] * ac[2]]
+            _points.push(
+                points[i], points[i + 1], points[i + 2], ...normalVector,
+                points[i + 3], points[i + 4], points[i + 5], ...normalVector,
+                points[i + 6], points[i + 7], points[i + 8], ...normalVector,
+            )
+        }
+        return _points
+    } else {
+        return points
+    }
 }

package/src/common/webgl/getWebGLContext.ts

@@ -1,46 +1,46 @@
-import type { WebGLmodeType } from "../../../types/getWebGLContext"
-
-interface OptsType {
-    preserveDrawingBuffer?: boolean
-}
-export default function (canvas: HTMLCanvasElement, scale: number, opts: OptsType = {}, mode: WebGLmodeType = "scaleToFill") {
-    const names = ["experimental-webgl", "webkit-3d", "moz-webgl"]
-    let painter = canvas.getContext("webgl", opts) as WebGL2RenderingContext
-    for (let i = 0; i < names.length; i++) {
-        try {
-            painter = canvas.getContext(names[i], opts) as WebGL2RenderingContext
-        } catch (e) { }
-        if (painter) break
-    }
-    if (!painter) throw new Error('Non canvas or browser does not support webgl.')
-
-    const width = painter.canvas.width, height = painter.canvas.height
-
-    let scaleX = scale, scaleY = scale
-    if (mode == "aspectFit") {
-        if (width > height) {
-            scaleX *= height / width
-        } else if (height > width) {
-            scaleY *= width / height
-        }
-    } else if (mode == "aspectFill") {
-        if (width > height) {
-            scaleY *= width / height
-        } else if (height > width) {
-            scaleX *= height / width
-        }
-    }
-
-    const viewWidth = width * scaleX
-    const viewHeight = height * scaleY
-
-    painter.viewport((width - viewWidth) * 0.5, (height - viewHeight) * 0.5, viewWidth, viewHeight)
-
-    // https://developer.mozilla.org/zh-CN/docs/Web/API/WebGLRenderingContext/depthFunc
-    painter.depthFunc(painter.LEQUAL)
-
-    // 开启深度计算
-    painter.enable(painter.DEPTH_TEST);
-
-    return painter
+import type { WebGLmodeType } from "../../../types/getWebGLContext"
+
+interface OptsType {
+    preserveDrawingBuffer?: boolean
+}
+export default function (canvas: HTMLCanvasElement, scale: number, opts: OptsType = {}, mode: WebGLmodeType = "scaleToFill") {
+    const names = ["experimental-webgl", "webkit-3d", "moz-webgl"]
+    let painter = canvas.getContext("webgl", opts) as WebGL2RenderingContext
+    for (let i = 0; i < names.length; i++) {
+        try {
+            painter = canvas.getContext(names[i], opts) as WebGL2RenderingContext
+        } catch (e) { }
+        if (painter) break
+    }
+    if (!painter) throw new Error('Non canvas or browser does not support webgl.')
+
+    const width = painter.canvas.width, height = painter.canvas.height
+
+    let scaleX = scale, scaleY = scale
+    if (mode == "aspectFit") {
+        if (width > height) {
+            scaleX *= height / width
+        } else if (height > width) {
+            scaleY *= width / height
+        }
+    } else if (mode == "aspectFill") {
+        if (width > height) {
+            scaleY *= width / height
+        } else if (height > width) {
+            scaleX *= height / width
+        }
+    }
+
+    const viewWidth = width * scaleX
+    const viewHeight = height * scaleY
+
+    painter.viewport((width - viewWidth) * 0.5, (height - viewHeight) * 0.5, viewWidth, viewHeight)
+
+    // https://developer.mozilla.org/zh-CN/docs/Web/API/WebGLRenderingContext/depthFunc
+    painter.depthFunc(painter.LEQUAL)
+
+    // 开启深度计算
+    painter.enable(painter.DEPTH_TEST);
+
+    return painter
 }