vislite 0.7.1 → 0.8.0-alpha.0

package/types/Geometry.d.ts

@@ -1,66 +1,133 @@
-import GeometryResultType from './GeometryResult'
-import GeometryOptionType from './GeometryOption'
-
-export default interface GeometryType {
-
-    /**
-     * 配置对象
-     */
-    config(option: GeometryOptionType): this
-
-    /**
-     * 圆柱体
-     * @param x
-     * @param y
-     * @param z
-     * @param radius
-     * @param height
-     */
-    cylinder(x: number, y: number, z: number, radius: number, height: number): Array<GeometryResultType>
-
-    /**
-     * 圆柱体
-     * @param x
-     * @param y
-     * @param z
-     * @param radius
-     * @param x2
-     * @param y2
-     * @param z2
-     */
-    cylinder(x: number, y: number, z: number, radius: number, x2: number, y2: number, z2: number): Array<GeometryResultType>
-
-    /**
-     * 棱柱体
-     * @param x
-     * @param y
-     * @param z
-     * @param radius
-     * @param height
-     * @param num
-     */
-    prism(x: number, y: number, z: number, radius: number, height: number, num: number): Array<GeometryResultType>
-
-    /**
-     * 棱柱体
-     * @param x
-     * @param y
-     * @param z
-     * @param radius
-     * @param x2
-     * @param y2
-     * @param z2
-     * @param num
-     */
-    prism(x: number, y: number, z: number, radius: number, x2: number, y2: number, z2: number, num: number): Array<GeometryResultType>
-
-    /**
-     * 球体
-     * @param cx
-     * @param cy
-     * @param cz
-     * @param radius
-     */
-    sphere(cx: number, cy: number, cz: number, radius: number): Array<GeometryResultType>
-
+import GeometryResultType from './GeometryResult'
+import GeometryOptionType from './GeometryOption'
+
+export default interface GeometryType {
+
+    /**
+     * 配置对象
+     */
+    config(option: GeometryOptionType): this
+
+    /**
+     * 计算切割份数
+     * @param radius
+     * @param deg
+     */
+    splitNum(radius: number, deg?: number): number
+
+    /**
+     * 物体方向转换
+     * @param x1
+     * @param y1
+     * @param z1
+     * @param x2
+     * @param y2
+     * @param z2
+     */
+    rotateLine(x1: number, y1: number, z1: number, x2: number, y2: number, z2: number): (x: number, y: number, z: number, isNormal: boolean) => Array<number>
+
+    /**
+     * 棱柱水平部分
+     * @param x
+     * @param y
+     * @param z
+     * @param radius
+     * @param num
+     * @param d
+     * @param beginDeg
+     * @param deg
+     */
+    prismHorizontal(x: number, y: number, z: number, radius: number, num: number, d: number, beginDeg?: number, deg?: number): Array<number>
+
+    /**
+     * 棱柱垂直部分
+     * @param x
+     * @param y
+     * @param z
+     * @param radius
+     * @param height
+     * @param num
+     * @param beginDeg
+     * @param deg
+     */
+    prismVertical(x: number, y: number, z: number, radius: number, height: number, num: number, beginDeg?: number, deg?: number): Array<number>
+
+    /**
+     * 球体中的一瓣子
+     * @param cx
+     * @param cy
+     * @param cz
+     * @param radius
+     * @param num
+     * @param index
+     */
+    sphereFragment(cx: number, cy: number, cz: number, radius: number, num: number, index: number): Array<number>
+
+    /**
+     * 饼柱体
+     * @param x
+     * @param y
+     * @param z
+     * @param radius
+     * @param height
+     * @param beginDeg
+     * @param deg
+     */
+    pie(x: number, y: number, z: number, radius: number, height: number, beginDeg: number, deg: number): Array<GeometryResultType>
+
+    /**
+     * 圆柱体
+     * @param x
+     * @param y
+     * @param z
+     * @param radius
+     * @param height
+     */
+    cylinder(x: number, y: number, z: number, radius: number, height: number): Array<GeometryResultType>
+
+    /**
+     * 圆柱体
+     * @param x
+     * @param y
+     * @param z
+     * @param radius
+     * @param x2
+     * @param y2
+     * @param z2
+     */
+    cylinder(x: number, y: number, z: number, radius: number, x2: number, y2: number, z2: number): Array<GeometryResultType>
+
+    /**
+     * 棱柱体
+     * @param x
+     * @param y
+     * @param z
+     * @param radius
+     * @param height
+     * @param num
+     */
+    prism(x: number, y: number, z: number, radius: number, height: number, num: number): Array<GeometryResultType>
+
+    /**
+     * 棱柱体
+     * @param x
+     * @param y
+     * @param z
+     * @param radius
+     * @param x2
+     * @param y2
+     * @param z2
+     * @param num
+     */
+    prism(x: number, y: number, z: number, radius: number, x2: number, y2: number, z2: number, num: number): Array<GeometryResultType>
+
+    /**
+     * 球体
+     * @param cx
+     * @param cy
+     * @param cz
+     * @param radius
+     */
+    sphere(cx: number, cy: number, cz: number, radius: number): Array<GeometryResultType>
+
 }

package/types/Object3D.d.ts

@@ -1,115 +1,115 @@
-import Matrix4Type from './Matrix4'
-
-export type geometryType = "LINES" | "LINE_STRIP" | "LINE_LOOP" | "TRIANGLES" | "TRIANGLE_STRIP" | "TRIANGLE_FAN"
-
-export interface meshType {
-
-    // 形状
-    geometry: {
-        attributes: {
-
-            // 点坐标
-            position: {
-                array: number[] | Float32Array
-                count: number
-                itemSize: number
-            }
-
-            // 法向量
-            normal?: {
-                array: number[] | Float32Array
-                count: number
-                itemSize: number
-            }
-
-            // 纹理坐标
-            uv?: {
-                array: number[] | Float32Array
-                count: number
-                itemSize: number
-            }
-
-        }
-
-        // 索引
-        index?: {
-            array: number[] | Uint8Array
-            count: number
-            itemSize: number
-        }
-
-        // 线、还是三角形
-        type: geometryType
-    }
-
-    // 材质
-    material: {
-
-        // 单一的颜色
-        color?: {
-            r: number
-            g: number
-            b: number
-            alpha: number
-        }
-
-        // 多颜色
-        colors?: {
-            array: number[] | Float32Array
-            count: number
-            itemSize: number
-        }
-
-        // 立方体纹理
-        cube?: {
-            left?: {
-                image: {
-                    value?: TexImageSource
-                }
-            },
-            right?: {
-                image: {
-                    value?: TexImageSource
-                }
-            }
-            near?: {
-                image: {
-                    value?: TexImageSource
-                }
-            }
-            far?: {
-                image: {
-                    value?: TexImageSource
-                }
-            }
-            top?: {
-                image: {
-                    value?: TexImageSource
-                }
-            }
-            bottom?: {
-                image: {
-                    value?: TexImageSource
-                }
-            }
-        }
-
-        // 二维纹理
-        image?: {
-            value?: TexImageSource
-        }
-
-    }
-}
-
-export default interface Object3D {
-
-    // 区域名称，不设置或设置为空字符串，表示此区域无需记录
-    region?: string
-
-    // 变换矩阵
-    matrix?: Matrix4Type
-
-    // 图形
-    mesh: meshType[]
+import Matrix4Type from './Matrix4'
+
+export type geometryType = "LINES" | "LINE_STRIP" | "LINE_LOOP" | "TRIANGLES" | "TRIANGLE_STRIP" | "TRIANGLE_FAN"
+
+export interface meshType {
+
+    // 形状
+    geometry: {
+        attributes: {
+
+            // 点坐标
+            position: {
+                array: number[] | Float32Array
+                count: number
+                itemSize: number
+            }
+
+            // 法向量
+            normal?: {
+                array: number[] | Float32Array
+                count: number
+                itemSize: number
+            }
+
+            // 纹理坐标
+            uv?: {
+                array: number[] | Float32Array
+                count: number
+                itemSize: number
+            }
+
+        }
+
+        // 索引
+        index?: {
+            array: number[] | Uint8Array
+            count: number
+            itemSize: number
+        }
+
+        // 线、还是三角形
+        type: geometryType
+    }
+
+    // 材质
+    material: {
+
+        // 单一的颜色
+        color?: {
+            r: number
+            g: number
+            b: number
+            alpha: number
+        }
+
+        // 多颜色
+        colors?: {
+            array: number[] | Float32Array
+            count: number
+            itemSize: number
+        }
+
+        // 立方体纹理
+        cube?: {
+            left?: {
+                image: {
+                    value?: TexImageSource
+                }
+            },
+            right?: {
+                image: {
+                    value?: TexImageSource
+                }
+            }
+            near?: {
+                image: {
+                    value?: TexImageSource
+                }
+            }
+            far?: {
+                image: {
+                    value?: TexImageSource
+                }
+            }
+            top?: {
+                image: {
+                    value?: TexImageSource
+                }
+            }
+            bottom?: {
+                image: {
+                    value?: TexImageSource
+                }
+            }
+        }
+
+        // 二维纹理
+        image?: {
+            value?: TexImageSource
+        }
+
+    }
+}
+
+export default interface Object3D {
+
+    // 区域名称，不设置或设置为空字符串，表示此区域无需记录
+    region?: string
+
+    // 变换矩阵
+    matrix?: Matrix4Type
+
+    // 图形
+    mesh: meshType[]
 }

package/types/Shader.d.ts

@@ -1,24 +1,24 @@
-export default interface ShaderType {
-
-    program: WebGLProgram
-
-    /**
-     * 使用这个程序
-     * （后于编译）
-     */
-    use(): this
-
-    /**
-     * 编译着色器程序
-     * @param vshaderSource 顶点着色器
-     * @param fshaderSource 片段（元）着色器
-     */
-    compile(vshaderSource: string, fshaderSource: string): this
-
-    /**
-     * 编译内置定义好的着色器程序
-     * @param shaderName 着色器名称，可选值有：color、colors、image、cube
-     */
-    compile(shaderName: string): this
-
+export default interface ShaderType {
+
+    program: WebGLProgram
+
+    /**
+     * 使用这个程序
+     * （后于编译）
+     */
+    use(): this
+
+    /**
+     * 编译着色器程序
+     * @param vshaderSource 顶点着色器
+     * @param fshaderSource 片段（元）着色器
+     */
+    compile(vshaderSource: string, fshaderSource: string): this
+
+    /**
+     * 编译内置定义好的着色器程序
+     * @param shaderName 着色器名称，可选值有：color、colors、image、cube
+     */
+    compile(shaderName: string): this
+
 }

package/types/WebGLOption.d.ts

@@ -1,8 +1,15 @@
-export default interface WebGLOptionType {
-
-    /**
-    * 是否支持区域管理，默认true
-    */
-    region?: boolean
-
+import { WebGLmodeType } from "./getWebGLContext"
+
+export default interface WebGLOptionType {
+
+    /**
+     * 是否支持区域管理，默认true
+     */
+    region?: boolean
+
+    /**
+     * 设置画布缩放模式，默认“scaleToFill“
+     */
+    mode?: WebGLmodeType
+
 }

package/types/getWebGLContext.d.ts

@@ -1,3 +1,5 @@
-export default interface getWebGLContextType {
-    (el: HTMLElement | null, scale?: number): WebGLRenderingContext
+export type WebGLmodeType = "scaleToFill" | "aspectFit" | "aspectFill"
+
+export default interface getWebGLContextType {
+    (el: HTMLElement | null, scale?: number, mode?: WebGLmodeType): WebGLRenderingContext
 }

package/uni-app/drawImage.js

@@ -0,0 +1,18 @@
+export default function (_this, drawImage) {
+    return function (imgUrl, x, y, w, h) {
+        return new Promise((resolve) => {
+            if (/^http/.test(imgUrl)) {
+                uni.downloadFile({
+                    url: imgUrl,
+                    success: function (res) {
+                        drawImage.call(_this, res.tempFilePath, x, y, w, h, true);
+                        resolve({});
+                    },
+                })
+            } else {
+                drawImage.call(_this, imgUrl, x, y, w, h, true);
+                resolve({});
+            }
+        });
+    };
+};

package/uni-app/ui-canvas.vue

@@ -86,6 +86,7 @@
 </template>
 <script>
 import OralCanvas from "../lib/OralCanvas/index.es.js";
+import drawImage from "./drawImage.js";
 export default {
   data() {
     return {
@@ -98,6 +99,7 @@ export default {
       // #ifndef H5
       isH5: false,
       // #endif
+      hadFetch:false
     };
   },
   props: {
@@ -140,7 +142,7 @@ export default {
       // #endif
 
       // #ifdef MP-ALIPAY
-      painter.scale(2, 2);
+      if(!this.hadFetch) painter.scale(2, 2);
       // #endif
 
       let scaleSize = 1;
@@ -215,6 +217,8 @@ export default {
           }
         });
       };
+
+      this.hadFetch = true;
       return new Promise((resolve, reject) => {
         this.help.instance.toDataURL = () => {
           return new Promise((resolveUrl) => {
@@ -232,6 +236,11 @@ export default {
           });
         };
 
+        this.help.instance.drawImage = drawImage(
+          this.help.instance,
+          this.help.instance.drawImage
+        );
+
         resolve(this.help.instance);
       });
     },