vislite 0.5.0 → 0.5.2-alpha.0

package/src/common/webgl/getColorFactory.ts

@@ -1,27 +1,27 @@
-export default function (painter: WebGLRenderingContext) {
-    let width = painter.drawingBufferWidth, height = painter.drawingBufferHeight
-
-    let pixels = new Uint8Array(
-        4 * width * height
-    )
-    painter.readPixels(
-        0,
-        0,
-        width,
-        height,
-        painter.RGBA,
-        painter.UNSIGNED_BYTE,
-        pixels
-    )
-
-    return function (x: number, y: number): string {
-        y = height - y
-
-        let pixelR = pixels[4 * (y * width + x)]
-        let pixelG = pixels[4 * (y * width + x) + 1]
-        let pixelB = pixels[4 * (y * width + x) + 2]
-        let pixelA = pixels[4 * (y * width + x) + 3]
-
-        return "rgba(" + pixelR + "," + pixelG + "," + pixelB + "," + pixelA + ")"
-    }
+export default function (painter: WebGLRenderingContext) {
+    let width = painter.drawingBufferWidth, height = painter.drawingBufferHeight
+
+    let pixels = new Uint8Array(
+        4 * width * height
+    )
+    painter.readPixels(
+        0,
+        0,
+        width,
+        height,
+        painter.RGBA,
+        painter.UNSIGNED_BYTE,
+        pixels
+    )
+
+    return function (x: number, y: number): string {
+        y = height - y
+
+        let pixelR = pixels[4 * (y * width + x)]
+        let pixelG = pixels[4 * (y * width + x) + 1]
+        let pixelB = pixels[4 * (y * width + x) + 2]
+        let pixelA = pixels[4 * (y * width + x) + 3]
+
+        return "rgba(" + pixelR + "," + pixelG + "," + pixelB + "," + pixelA + ")"
+    }
 }

package/src/common/webgl/getShader.ts

@@ -1,49 +1,49 @@
-import type { meshType } from '../../../types/Object3D'
-
-import ShaderObject from './shader'
-
-import vsColor from '../../shader/vsColor.c'
-import vsColors from '../../shader/vsColors.c'
-import vsImage from '../../shader/vsImage.c'
-import vsCube from '../../shader/vsCube.c'
-
-import fsColor from '../../shader/fsColor.c'
-import fsColors from '../../shader/fsColors.c'
-import fsImage from '../../shader/fsImage.c'
-import fsCube from '../../shader/fsCube.c'
-
-let shaders = {}
-export default function (type: string, painter: WebGLRenderingContext, mesh: meshType) {
-
-    let uniqueName = type +
-        (mesh.material.color ? "1" : "0") +
-        (mesh.material.colors ? "1" : "0") +
-        (mesh.material.image ? "1" : "0") +
-        (mesh.material.cube ? "1" : "0")
-    if (shaders[uniqueName]) return shaders[uniqueName].use()
-
-    // 顶点着色器
-    let vertexShader = {
-        [type + "1000"]: vsColor,
-        [type + "0100"]: vsColors,
-        [type + "0010"]: vsImage,
-        [type + "0001"]: vsCube
-    }[uniqueName].replace(/uniform +mat4 +u_matrix;/, `
-    uniform mat4 u_matrix_world;
-    uniform mat4 u_matrix_mesh;
-    uniform mat4 u_matrix_proporion;`).replace(/u_matrix +\* +a_position/, "u_matrix_proporion * u_matrix_world * u_matrix_mesh * a_position")
-
-    // 片段（元）着色器
-    let fragmentShader = {
-        [type + "1000"]: fsColor,
-        [type + "0100"]: fsColors,
-        [type + "0010"]: fsImage,
-        [type + "0001"]: fsCube
-    }[uniqueName]
-
-    // 启用着色器
-    let shader = new ShaderObject(painter).compile(vertexShader, fragmentShader).use()
-
-    shaders[uniqueName] = shader
-    return shader
+import type { meshType } from '../../../types/Object3D'
+
+import ShaderObject from './shader'
+
+import vsColor from '../../shader/vsColor.c'
+import vsColors from '../../shader/vsColors.c'
+import vsImage from '../../shader/vsImage.c'
+import vsCube from '../../shader/vsCube.c'
+
+import fsColor from '../../shader/fsColor.c'
+import fsColors from '../../shader/fsColors.c'
+import fsImage from '../../shader/fsImage.c'
+import fsCube from '../../shader/fsCube.c'
+
+let shaders = {}
+export default function (type: string, painter: WebGLRenderingContext, mesh: meshType) {
+
+    let uniqueName = type +
+        (mesh.material.color ? "1" : "0") +
+        (mesh.material.colors ? "1" : "0") +
+        (mesh.material.image ? "1" : "0") +
+        (mesh.material.cube ? "1" : "0")
+    if (shaders[uniqueName]) return shaders[uniqueName].use()
+
+    // 顶点着色器
+    let vertexShader = {
+        [type + "1000"]: vsColor,
+        [type + "0100"]: vsColors,
+        [type + "0010"]: vsImage,
+        [type + "0001"]: vsCube
+    }[uniqueName].replace(/uniform +mat4 +u_matrix;/, `
+    uniform mat4 u_matrix_world;
+    uniform mat4 u_matrix_mesh;
+    uniform mat4 u_matrix_proporion;`).replace(/u_matrix +\* +a_position/, "u_matrix_proporion * u_matrix_world * u_matrix_mesh * a_position")
+
+    // 片段（元）着色器
+    let fragmentShader = {
+        [type + "1000"]: fsColor,
+        [type + "0100"]: fsColors,
+        [type + "0010"]: fsImage,
+        [type + "0001"]: fsCube
+    }[uniqueName]
+
+    // 启用着色器
+    let shader = new ShaderObject(painter).compile(vertexShader, fragmentShader).use()
+
+    shaders[uniqueName] = shader
+    return shader
 }

package/src/common/webgl/getTexture.ts

@@ -1,12 +1,12 @@
-import TextureObject from './texture'
-
-let textures = {}
-export default function (type: string, painter: WebGLRenderingContext, kind: string) {
-    let uniqueName = type + "-" + kind
-
-    if (!textures[uniqueName]) {
-        textures[uniqueName] = new TextureObject(painter, kind)
-    }
-
-    return textures[uniqueName]
+import TextureObject from './texture'
+
+let textures = {}
+export default function (type: string, painter: WebGLRenderingContext, kind: string) {
+    let uniqueName = type + "-" + kind
+
+    if (!textures[uniqueName]) {
+        textures[uniqueName] = new TextureObject(painter, kind)
+    }
+
+    return textures[uniqueName]
 }

package/src/common/webgl/getWebGLContext.ts

@@ -1,28 +1,28 @@
-interface OptsType {
-    preserveDrawingBuffer?: boolean
-}
-export default function (canvas: HTMLCanvasElement, scale: number, opts: OptsType = {}) {
-    let names = ["webgl", "experimental-webgl", "webkit-3d", "moz-webgl"], painter = null
-    for (let i = 0; i < names.length; i++) {
-        try {
-            painter = canvas.getContext(names[i], opts)
-        } catch (e) { }
-        if (painter) break
-    }
-    if (!painter) throw new Error('Non canvas or browser does not support webgl.')
-
-    let width = painter.canvas.width, height = painter.canvas.height
-
-    let viewWidth = width * scale
-    let viewHeight = height * scale
-
-    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
+interface OptsType {
+    preserveDrawingBuffer?: boolean
+}
+export default function (canvas: HTMLCanvasElement, scale: number, opts: OptsType = {}) {
+    let names = ["webgl", "experimental-webgl", "webkit-3d", "moz-webgl"], painter = null
+    for (let i = 0; i < names.length; i++) {
+        try {
+            painter = canvas.getContext(names[i], opts)
+        } catch (e) { }
+        if (painter) break
+    }
+    if (!painter) throw new Error('Non canvas or browser does not support webgl.')
+
+    let width = painter.canvas.width, height = painter.canvas.height
+
+    let viewWidth = width * scale
+    let viewHeight = height * scale
+
+    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
 }