vislite 0.7.1-alpha.0 → 0.7.1

package/src/common/webgl/shader.ts

@@ -1,76 +1,76 @@
-// 着色器分为两类：顶点着色器 + 片段着色器
-// 前者用于定义一个点的特性，比如位置，大小，颜色等
-// 后者用于针对每个片段（可以理解为像素）进行处理
-
-// 着色器采用的语言是：GLSL ES语言
-
-// 把着色器字符串加载成着色器对象
-const loadShader = (painter: WebGLRenderingContext, type: number, source: string) => {
-
-    // 创建着色器对象
-    const shader = painter.createShader(type)
-    if (shader == null) throw new Error('Unable to create shader!')
-
-    // 绑定资源
-    painter.shaderSource(shader, source)
-
-    // 编译着色器
-    painter.compileShader(shader)
-
-    // 检测着色器编译是否成功
-    if (!painter.getShaderParameter(shader, painter.COMPILE_STATUS))
-        throw new Error('Failed to compile shader:' + painter.getShaderInfoLog(shader))
-
-    return shader
-}
-
-//  建立着色器
-const useShader = (painter: WebGLRenderingContext, vshaderSource: string, fshaderSource: string) => {
-
-    // 分别加载顶点着色器对象和片段着色器对象
-    const vertexShader = loadShader(painter, painter.VERTEX_SHADER, vshaderSource)
-    const fragmentShader = loadShader(painter, painter.FRAGMENT_SHADER, fshaderSource)
-
-    // 创建一个着色器程序
-    const glProgram = painter.createProgram() as WebGLProgram
-
-    // 把前面创建的两个着色器对象添加到着色器程序中
-    painter.attachShader(glProgram, vertexShader)
-    painter.attachShader(glProgram, fragmentShader)
-
-    // 把着色器程序链接成一个完整的程序
-    painter.linkProgram(glProgram)
-
-    // 检测着色器程序链接是否成功
-    if (!painter.getProgramParameter(glProgram, painter.LINK_STATUS))
-        throw new Error('Failed to link program: ' + painter.getProgramInfoLog(glProgram))
-
-    return glProgram
-}
-
-class ShaderObject {
-
-    private __painter: WebGLRenderingContext
-
-    program: WebGLProgram
-
-    constructor(painter: WebGLRenderingContext) {
-        this.__painter = painter
-    }
-
-    // 使用这个程序
-    // （后于编译）
-    use() {
-        this.__painter.useProgram(this.program)
-        return this
-    }
-
-    // 编译着色器程序
-    compile(vshaderSource: string, fshaderSource: string) {
-        this.program = useShader(this.__painter, vshaderSource, fshaderSource) as WebGLProgram
-        return this
-    }
-
-}
-
+// 着色器分为两类：顶点着色器 + 片段着色器
+// 前者用于定义一个点的特性，比如位置，大小，颜色等
+// 后者用于针对每个片段（可以理解为像素）进行处理
+
+// 着色器采用的语言是：GLSL ES语言
+
+// 把着色器字符串加载成着色器对象
+const loadShader = (painter: WebGLRenderingContext, type: number, source: string) => {
+
+    // 创建着色器对象
+    const shader = painter.createShader(type)
+    if (shader == null) throw new Error('Unable to create shader!')
+
+    // 绑定资源
+    painter.shaderSource(shader, source)
+
+    // 编译着色器
+    painter.compileShader(shader)
+
+    // 检测着色器编译是否成功
+    if (!painter.getShaderParameter(shader, painter.COMPILE_STATUS))
+        throw new Error('Failed to compile shader:' + painter.getShaderInfoLog(shader))
+
+    return shader
+}
+
+//  建立着色器
+const useShader = (painter: WebGLRenderingContext, vshaderSource: string, fshaderSource: string) => {
+
+    // 分别加载顶点着色器对象和片段着色器对象
+    const vertexShader = loadShader(painter, painter.VERTEX_SHADER, vshaderSource)
+    const fragmentShader = loadShader(painter, painter.FRAGMENT_SHADER, fshaderSource)
+
+    // 创建一个着色器程序
+    const glProgram = painter.createProgram() as WebGLProgram
+
+    // 把前面创建的两个着色器对象添加到着色器程序中
+    painter.attachShader(glProgram, vertexShader)
+    painter.attachShader(glProgram, fragmentShader)
+
+    // 把着色器程序链接成一个完整的程序
+    painter.linkProgram(glProgram)
+
+    // 检测着色器程序链接是否成功
+    if (!painter.getProgramParameter(glProgram, painter.LINK_STATUS))
+        throw new Error('Failed to link program: ' + painter.getProgramInfoLog(glProgram))
+
+    return glProgram
+}
+
+class ShaderObject {
+
+    private __painter: WebGLRenderingContext
+
+    program: WebGLProgram
+
+    constructor(painter: WebGLRenderingContext) {
+        this.__painter = painter
+    }
+
+    // 使用这个程序
+    // （后于编译）
+    use() {
+        this.__painter.useProgram(this.program)
+        return this
+    }
+
+    // 编译着色器程序
+    compile(vshaderSource: string, fshaderSource: string) {
+        this.program = useShader(this.__painter, vshaderSource, fshaderSource) as WebGLProgram
+        return this
+    }
+
+}
+
 export default ShaderObject

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
+
 }