vislite 0.1.0 → 0.2.0-alpha.7

package/lib/OralWebGL/index.es.js

@@ -0,0 +1,567 @@
+/*!
+* VISLite JavaScript Library v0.2.0-alpha.7
+* git+https://github.com/oi-contrib/VISLite.git
+*
+* Copyright zxl20070701
+* Released under the MIT license
+* https://zxl20070701.github.io/notebook/home.html
+* 
+* 本版本系测试版本，请认真阅读下述说明再使用：
+*
+*【测试版本细则】
+* alpha：内测版本，仅供开发人员提供测试环境而发布，后续的修改可能极具破坏性，非有明确了解前请勿直接用于项目中
+* beta：外测版本，正式发布前的确认测试，或者新功能紧急发布，一般可以直接用于实际项目，因为即使后续发现了问题，直接使用正式版即可，不会有破坏性
+*/
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+function getWebGLContext (canvas, scale, opts) {
+    if (opts === void 0) { opts = {}; }
+    var names = ["webgl", "experimental-webgl", "webkit-3d", "moz-webgl"], painter = null;
+    for (var 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.');
+    var width = painter.canvas.width, height = painter.canvas.height;
+    var viewWidth = width * scale;
+    var viewHeight = height * scale;
+    painter.viewport((width - viewWidth) * 0.5, (height - viewHeight) * 0.5, viewWidth, viewHeight);
+    painter.depthFunc(painter.LEQUAL);
+    painter.enable(painter.DEPTH_TEST);
+    return painter;
+}
+
+function getColorFactory (painter) {
+    var width = painter.drawingBufferWidth, height = painter.drawingBufferHeight;
+    var pixels = new Uint8Array(4 * width * height);
+    painter.readPixels(0, 0, width, height, painter.RGBA, painter.UNSIGNED_BYTE, pixels);
+    return function (x, y) {
+        y = height - y;
+        var pixelR = pixels[4 * (y * width + x)];
+        var pixelG = pixels[4 * (y * width + x) + 1];
+        var pixelB = pixels[4 * (y * width + x) + 2];
+        var pixelA = pixels[4 * (y * width + x) + 3];
+        return "rgba(" + pixelR + "," + pixelG + "," + pixelB + "," + pixelA + ")";
+    };
+}
+
+function _move (d, a, b, c) {
+    if (c === void 0) { c = 0; }
+    var sqrt = Math.sqrt(a * a + b * b + c * c);
+    return [
+        1, 0, 0, 0,
+        0, 1, 0, 0,
+        0, 0, 1, 0,
+        a * d / sqrt, b * d / sqrt, c * d / sqrt, 1
+    ];
+}
+
+function _rotate (deg) {
+    var sin = Math.sin(deg), cos = Math.cos(deg);
+    return [
+        cos, sin, 0, 0,
+        -sin, cos, 0, 0,
+        0, 0, 1, 0,
+        0, 0, 0, 1
+    ];
+}
+
+function _scale (xTimes, yTimes, zTimes, cx, cy, cz) {
+    if (cx === void 0) { cx = 0; }
+    if (cy === void 0) { cy = 0; }
+    if (cz === void 0) { cz = 0; }
+    return [
+        xTimes, 0, 0, 0,
+        0, yTimes, 0, 0,
+        0, 0, zTimes, 0,
+        cx - cx * xTimes, cy - cy * yTimes, cz - cz * zTimes, 1
+    ];
+}
+
+function _transform (a1, b1, c1, a2, b2, c2) {
+    if (typeof a1 === 'number' && typeof b1 === 'number') {
+        if (typeof c1 !== 'number') {
+            c1 = 0;
+            a2 = a1;
+            b2 = b1;
+            c2 = 1;
+        }
+        else if (typeof a2 !== 'number' || typeof b2 !== 'number' || typeof c2 !== 'number') {
+            a2 = a1;
+            b2 = b1;
+            c2 = c1;
+            a1 = 0;
+            b1 = 0;
+            c1 = 0;
+        }
+        if (a1 == a2 && b1 == b2 && c1 == c2)
+            throw new Error('It\'s not a legitimate ray!');
+        var sqrt1 = Math.sqrt((a2 - a1) * (a2 - a1) + (b2 - b1) * (b2 - b1)), cos1 = sqrt1 != 0 ? (b2 - b1) / sqrt1 : 1, sin1 = sqrt1 != 0 ? (a2 - a1) / sqrt1 : 0, b = (a2 - a1) * sin1 + (b2 - b1) * cos1, c = c2 - c1, sqrt2 = Math.sqrt(b * b + c * c), cos2 = sqrt2 != 0 ? c / sqrt2 : 1, sin2 = sqrt2 != 0 ? b / sqrt2 : 0;
+        return [
+            [
+                cos1, cos2 * sin1, sin1 * sin2, 0,
+                -sin1, cos1 * cos2, cos1 * sin2, 0,
+                0, -sin2, cos2, 0,
+                b1 * sin1 - a1 * cos1, c1 * sin2 - a1 * sin1 * cos2 - b1 * cos1 * cos2, -a1 * sin1 * sin2 - b1 * cos1 * sin2 - c1 * cos2, 1
+            ],
+            [
+                cos1, -sin1, 0, 0,
+                cos2 * sin1, cos2 * cos1, -sin2, 0,
+                sin1 * sin2, cos1 * sin2, cos2, 0,
+                a1, b1, c1, 1
+            ]
+        ];
+    }
+    else {
+        throw new Error('a1 and b1 is required!');
+    }
+}
+
+var _multiply = function (matrix4, param) {
+    var newParam = [];
+    for (var i = 0; i < 4; i++)
+        for (var j = 0; j < param.length / 4; j++)
+            newParam[j * 4 + i] =
+                matrix4[i] * param[j * 4] +
+                    matrix4[i + 4] * param[j * 4 + 1] +
+                    matrix4[i + 8] * param[j * 4 + 2] +
+                    matrix4[i + 12] * param[j * 4 + 3];
+    return newParam;
+};
+var Matrix4 = (function () {
+    function Matrix4(initMatrix4) {
+        if (initMatrix4 === void 0) { initMatrix4 = [
+            1, 0, 0, 0,
+            0, 1, 0, 0,
+            0, 0, 1, 0,
+            0, 0, 0, 1
+        ]; }
+        this.name = 'Matrix4';
+        this.__matrix4 = initMatrix4;
+    }
+    Matrix4.prototype.move = function (dis, a, b, c) {
+        if (c === void 0) { c = 0; }
+        this.__matrix4 = _multiply(_move(dis, a, b, c), this.__matrix4);
+        return this;
+    };
+    Matrix4.prototype.rotate = function (deg, a1, b1, c1, a2, b2, c2) {
+        var matrix4s = _transform(a1, b1, c1, a2, b2, c2);
+        this.__matrix4 = _multiply(_multiply(_multiply(matrix4s[1], _rotate(deg)), matrix4s[0]), this.__matrix4);
+        return this;
+    };
+    Matrix4.prototype.scale = function (xTimes, yTimes, zTimes, cx, cy, cz) {
+        if (cx === void 0) { cx = 0; }
+        if (cy === void 0) { cy = 0; }
+        if (cz === void 0) { cz = 0; }
+        this.__matrix4 = _multiply(_scale(xTimes, yTimes, zTimes, cx, cy, cz), this.__matrix4);
+        return this;
+    };
+    Matrix4.prototype.multiply = function (newMatrix4, flag) {
+        if (flag === void 0) { flag = false; }
+        this.__matrix4 = flag ? _multiply(this.__matrix4, newMatrix4) : _multiply(newMatrix4, this.__matrix4);
+        return this;
+    };
+    Matrix4.prototype.use = function (x, y, z, w) {
+        if (z === void 0) { z = 0; }
+        if (w === void 0) { w = 1; }
+        return _multiply(this.__matrix4, [x, y, z, w]);
+    };
+    Matrix4.prototype.value = function () {
+        return this.__matrix4;
+    };
+    return Matrix4;
+}());
+
+var newBuffer = function (painter) {
+    return painter.createBuffer();
+};
+var writeBuffer = function (painter, data, isElement, usage) {
+    var TYPE = isElement ? painter.ELEMENT_ARRAY_BUFFER : painter.ARRAY_BUFFER;
+    painter.bufferData(TYPE, data, usage);
+};
+var useBuffer = function (painter, location, size, type, stride, offset, normalized) {
+    painter.vertexAttribPointer(location, size, type, normalized, stride, offset);
+    painter.enableVertexAttribArray(location);
+};
+var BufferObject = (function () {
+    function BufferObject(painter, isElement) {
+        if (isElement === void 0) { isElement = false; }
+        this.__painter = painter;
+        this.__isElement = isElement;
+        this.__buffer = newBuffer(painter);
+        this.__type = isElement ? painter.ELEMENT_ARRAY_BUFFER : painter.ARRAY_BUFFER;
+    }
+    BufferObject.prototype.use = function () {
+        this.__painter.bindBuffer(this.__type, this.__buffer);
+        return this;
+    };
+    BufferObject.prototype.write = function (data) {
+        writeBuffer(this.__painter, data, this.__isElement, this.__painter.STATIC_DRAW);
+        this.__fsize = data.BYTES_PER_ELEMENT;
+        return this;
+    };
+    BufferObject.prototype.divide = function (location, size, stride, offset) {
+        if (offset === void 0) { offset = 0; }
+        useBuffer(this.__painter, location, size, this.__painter.FLOAT, stride * this.__fsize, offset * this.__fsize, false);
+        return this;
+    };
+    return BufferObject;
+}());
+
+var initTexture = function (painter, type, unit) {
+    var texture = painter.createTexture();
+    if (type == painter.TEXTURE_2D) {
+        painter.activeTexture(painter['TEXTURE' + unit]);
+    }
+    painter.bindTexture(type, texture);
+    return texture;
+};
+var linkImage = function (painter, type, level, format, textureType, image) {
+    painter.texImage2D(type, level, format, format, textureType, image);
+};
+var linkCube = function (painter, type, level, format, textureType, images, width, height, texture) {
+    var types = [
+        painter.TEXTURE_CUBE_MAP_POSITIVE_X,
+        painter.TEXTURE_CUBE_MAP_NEGATIVE_X,
+        painter.TEXTURE_CUBE_MAP_POSITIVE_Y,
+        painter.TEXTURE_CUBE_MAP_NEGATIVE_Y,
+        painter.TEXTURE_CUBE_MAP_POSITIVE_Z,
+        painter.TEXTURE_CUBE_MAP_NEGATIVE_Z
+    ], target;
+    for (var i = 0; i < types.length; i++) {
+        if (images[i]) {
+            target = types[i];
+            painter.texImage2D(target, level, format, width, height, 0, format, textureType, null);
+            painter.bindTexture(type, texture);
+            painter.texImage2D(target, level, format, format, textureType, images[i]);
+        }
+    }
+    painter.generateMipmap(type);
+};
+var TextureObject = (function () {
+    function TextureObject(painter, type, unit) {
+        if (unit === void 0) { unit = 0; }
+        this.__painter = painter;
+        this.__type = {
+            "2d": painter.TEXTURE_2D,
+            "cube": painter.TEXTURE_CUBE_MAP
+        }[type];
+        this.__texture = initTexture(painter, this.__type, unit);
+        painter.texParameteri(this.__type, painter.TEXTURE_MIN_FILTER, painter.NEAREST);
+        painter.texParameteri(this.__type, painter.TEXTURE_WRAP_S, painter.CLAMP_TO_EDGE);
+        painter.texParameteri(this.__type, painter.TEXTURE_WRAP_T, painter.CLAMP_TO_EDGE);
+    }
+    TextureObject.prototype.useImage = function (image) {
+        linkImage(this.__painter, this.__type, 0, this.__painter.RGBA, this.__painter.UNSIGNED_BYTE, image);
+        return this;
+    };
+    TextureObject.prototype.useCube = function (images, width, height) {
+        linkCube(this.__painter, this.__type, 0, this.__painter.RGBA, this.__painter.UNSIGNED_BYTE, images, width, height, this.__texture);
+        return this;
+    };
+    return TextureObject;
+}());
+
+var textures = {};
+function getTexture (type, painter, kind) {
+    var uniqueName = type + "-" + kind;
+    if (!textures[uniqueName]) {
+        textures[uniqueName] = new TextureObject(painter, kind);
+    }
+    return textures[uniqueName];
+}
+
+var loadShader = function (painter, type, source) {
+    var 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;
+};
+var useShader = function (painter, vshaderSource, fshaderSource) {
+    var vertexShader = loadShader(painter, painter.VERTEX_SHADER, vshaderSource);
+    var fragmentShader = loadShader(painter, painter.FRAGMENT_SHADER, fshaderSource);
+    var glProgram = painter.createProgram();
+    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;
+};
+var ShaderObject = (function () {
+    function ShaderObject(painter) {
+        this.__painter = painter;
+    }
+    ShaderObject.prototype.use = function () {
+        this.__painter.useProgram(this.program);
+        return this;
+    };
+    ShaderObject.prototype.compile = function (vshaderSource, fshaderSource) {
+        this.program = useShader(this.__painter, vshaderSource, fshaderSource);
+        return this;
+    };
+    return ShaderObject;
+}());
+
+var shaders = {};
+function getShader (type, painter, mesh) {
+    var uniqueName = type +
+        (mesh.geometry.attributes.normal ? "1" : "0") +
+        (mesh.material.image ? "1" : "0") +
+        (mesh.material.color ? "1" : "0") +
+        (mesh.material.cube ? "1" : "0");
+    if (shaders[uniqueName])
+        return shaders[uniqueName].use();
+    var vertexShader = "\n     attribute vec4 a_position;\n\n     ".concat(mesh.geometry.attributes.normal ? 'attribute vec4 a_normal;varying vec3 v_normal;' : '', "\n\n    uniform mat4 u_matrix_world;\n    uniform mat4 u_matrix_mesh;\n    uniform mat4 u_matrix_proporion;\n\n    ").concat(mesh.material.image ? 'attribute vec2 a_textcoord;varying vec2 v_textcoord;' : '', "\n\n    void main(){\n        vec4 temp = u_matrix_proporion * u_matrix_world * u_matrix_mesh * a_position;\n\n        // \u8868\u793A\u773C\u775B\u8DDD\u79BBvec4(0.0,0.0,1.0)\u7684\u8DDD\u79BB\n        float dist = 4.0;\n\n        // \u4F7F\u7528\u6295\u5F71\u76F4\u63A5\u8BA1\u7B97\n        gl_Position = vec4((dist + 1.0) * temp.x, (dist + 1.0) * temp.y, dist * (dist + temp.z) + 1.0 - dist * dist, temp.w * 2.0 * (dist + temp.z));\n\n        ").concat(mesh.geometry.attributes.normal ? 'v_normal = normalize(vec3(a_normal));' : '', "\n        ").concat(mesh.material.image ? 'v_textcoord = a_textcoord;' : '', "\n     }\n ");
+    var fragmentShader = "\n    precision mediump float;\n\n    ".concat(mesh.geometry.attributes.normal ? 'varying vec3 v_normal;' : '', "\n    ").concat(mesh.material.color ? 'uniform vec4 u_color;' : '', "\n    ").concat(mesh.material.cube ? 'uniform samplerCube u_texture;' : '', "\n    ").concat(mesh.material.image ? 'uniform sampler2D u_sampler;varying vec2 v_textcoord;' : '', "\n\n    void main(){\n        ").concat(mesh.material.color ? 'gl_FragColor = u_color;' : '', "\n        ").concat(mesh.material.cube ? 'gl_FragColor = textureCube(u_texture,normalize(v_normal));' : '', "\n        ").concat(mesh.material.image ? 'gl_FragColor = texture2D(u_sampler,v_textcoord);' : '', "\n    }\n ");
+    var shader = new ShaderObject(painter).compile(vertexShader, fragmentShader).use();
+    shaders[uniqueName] = shader;
+    return shader;
+}
+
+function doDraw (type, painter, mesh, meshWorld, globalWorld) {
+    var shader = getShader(type, painter, mesh);
+    new BufferObject(painter).use()
+        .write(mesh.geometry.attributes.position.array)
+        .divide(painter.getAttribLocation(shader.program, "a_position"), mesh.geometry.attributes.position.itemSize, 3, 0);
+    painter.uniformMatrix4fv(painter.getUniformLocation(shader.program, "u_matrix_world"), false, globalWorld.matrix);
+    painter.uniformMatrix4fv(painter.getUniformLocation(shader.program, "u_matrix_proporion"), false, globalWorld.proporion);
+    painter.uniformMatrix4fv(painter.getUniformLocation(shader.program, "u_matrix_mesh"), false, meshWorld.matrix);
+    if (mesh.geometry.attributes.normal) {
+        new BufferObject(painter).use()
+            .write(mesh.geometry.attributes.normal.array)
+            .divide(painter.getAttribLocation(shader.program, "a_normal"), mesh.geometry.attributes.normal.itemSize, 3, 0);
+    }
+    if ("color" in mesh.material) {
+        painter.uniform4f(painter.getUniformLocation(shader.program, "u_color"), mesh.material.color.r, mesh.material.color.g, mesh.material.color.b, mesh.material.color.alpha);
+    }
+    else if ("cube" in mesh.material) {
+        var size = mesh.material.cube.right.image.value.width;
+        getTexture(type, painter, 'cube').useCube([
+            mesh.material.cube.right.image.value,
+            mesh.material.cube.left.image.value,
+            mesh.material.cube.top.image.value,
+            mesh.material.cube.bottom.image.value,
+            mesh.material.cube.far.image.value,
+            mesh.material.cube.near.image.value
+        ], size, size);
+    }
+    else if ("image" in mesh.material) {
+        painter.uniform1i(painter.getUniformLocation(shader.program, "u_sampler"), 0);
+        new BufferObject(painter).use()
+            .write(mesh.geometry.attributes.uv.array)
+            .divide(painter.getAttribLocation(shader.program, "a_textcoord"), mesh.geometry.attributes.uv.itemSize, 2, 0);
+        getTexture(type, painter, '2d').useImage(mesh.material.image.value);
+    }
+    if (mesh.geometry.index) {
+        new BufferObject(painter, true).use()
+            .write(mesh.geometry.index.array);
+        painter.drawElements(painter[mesh.geometry.type], mesh.geometry.index.count, painter.UNSIGNED_BYTE, 0);
+    }
+    else {
+        painter.drawArrays(painter[mesh.geometry.type], 0, mesh.geometry.attributes.position.count);
+    }
+}
+
+function assemble (begin, end, step, count) {
+    var val = [];
+    for (var index = 0; index < count; index++)
+        val[index] = begin;
+    return function () {
+        for (var i = 0; i < count; i++) {
+            if (val[i] < end) {
+                val[i] = +(val[i] + step).toFixed(7);
+                break;
+            }
+            else if (i < count - 1) {
+                val[i] = begin;
+            }
+        }
+        return val;
+    };
+}
+
+var needUpdate = false;
+var scale = 10;
+var WebGL = (function () {
+    function WebGL(ViewCanvas, RegionCanvas) {
+        this.name = "WebGL";
+        this.__getColor = function (x, y) { return "rgba(0,0,0,1)"; };
+        this.__regionList = {};
+        this.__regionAssemble = assemble(0, 1, 0.2, 3);
+        this.__regionName = "";
+        this.__regionColor = [0, 0, 0, 1];
+        this.__scene = {
+            children: [],
+            matrix: new Matrix4([
+                1, 0, 0, 0,
+                0, 1, 0, 0,
+                0, 0, -1, 0,
+                0, 0, 0, scale
+            ])
+        };
+        this.__unique = new Date().valueOf();
+        this.painter = getWebGLContext(ViewCanvas, scale);
+        this.__regionPainter = getWebGLContext(RegionCanvas, scale, {});
+        var proportion = this.painter.canvas.width / this.painter.canvas.height;
+        var xProportion = 1;
+        var yProportion = 1;
+        if (proportion > 1) {
+            xProportion = 1 / proportion;
+        }
+        else {
+            yProportion = proportion;
+        }
+        var zProportion = Math.min(xProportion, yProportion);
+        this.__proporion = [
+            xProportion, 0, 0, 0,
+            0, yProportion, 0, 0,
+            0, 0, zProportion, 0,
+            0, 0, 0, 1
+        ];
+    }
+    WebGL.prototype.matrix = function (initMatrix4) {
+        return new Matrix4(initMatrix4);
+    };
+    WebGL.prototype.getMatrix = function () {
+        return this.__scene.matrix;
+    };
+    WebGL.prototype.getObject3D = function () {
+        return this.__scene.children;
+    };
+    WebGL.prototype.review = function (isUpdateRegion) {
+        if (isUpdateRegion === void 0) { isUpdateRegion = false; }
+        if (isUpdateRegion) {
+            this.__regionPainter.clearColor(1, 1, 1, 1);
+            this.__regionPainter.clear(this.__regionPainter.COLOR_BUFFER_BIT);
+        }
+        else {
+            this.painter.clearColor(1, 1, 1, 1);
+            this.painter.clear(this.painter.COLOR_BUFFER_BIT);
+        }
+        for (var index = 0; index < this.__scene.children.length; index++) {
+            this.draw(this.__scene.children[index], isUpdateRegion);
+        }
+        return this;
+    };
+    WebGL.prototype.draw = function (object3D, isUpdateRegion) {
+        if (isUpdateRegion === void 0) { isUpdateRegion = false; }
+        if (!isUpdateRegion)
+            needUpdate = true;
+        var meshWorld = {
+            matrix: object3D.matrix.value()
+        };
+        var globalWorld = {
+            matrix: this.__scene.matrix.value(),
+            proporion: this.__proporion
+        };
+        this.setRegion(object3D.region);
+        for (var index = 0; index < object3D.mesh.length; index++) {
+            if (isUpdateRegion) {
+                doDraw("painter" + this.__unique, this.__regionPainter, {
+                    geometry: object3D.mesh[index].geometry,
+                    material: {
+                        color: {
+                            r: this.__regionColor[0],
+                            g: this.__regionColor[1],
+                            b: this.__regionColor[2],
+                            alpha: this.__regionColor[3]
+                        }
+                    }
+                }, meshWorld, globalWorld);
+            }
+            else {
+                doDraw("region" + this.__unique, this.painter, object3D.mesh[index], meshWorld, globalWorld);
+            }
+        }
+        this.__getColor = getColorFactory(this.__regionPainter);
+    };
+    WebGL.prototype.render = function (object3D) {
+        if (!('matrix' in object3D))
+            object3D.matrix = new Matrix4();
+        if (!('region' in object3D))
+            object3D.region = "";
+        for (var index = 0; index < object3D.mesh.length; index++) {
+            var mesh = object3D.mesh[index];
+            if (mesh.geometry.attributes.normal && Array.isArray(mesh.geometry.attributes.normal.array)) {
+                mesh.geometry.attributes.normal.array = new Float32Array(mesh.geometry.attributes.normal.array);
+            }
+            if (mesh.geometry.attributes.position && Array.isArray(mesh.geometry.attributes.position.array)) {
+                mesh.geometry.attributes.position.array = new Float32Array(mesh.geometry.attributes.position.array);
+            }
+            if (mesh.geometry.attributes.uv && Array.isArray(mesh.geometry.attributes.uv.array)) {
+                mesh.geometry.attributes.uv.array = new Float32Array(mesh.geometry.attributes.uv.array);
+            }
+            if (mesh.geometry.index && Array.isArray(mesh.geometry.index.array)) {
+                mesh.geometry.index.array = new Uint8Array(mesh.geometry.index.array);
+            }
+        }
+        this.__scene.children.push(object3D);
+        this.draw(object3D);
+    };
+    WebGL.prototype.setRegion = function (regionName) {
+        this.__regionName = regionName + "";
+        if (regionName) {
+            if (this.__regionList[regionName] == undefined) {
+                this.__regionList[regionName] = __spreadArray(__spreadArray([], this.__regionAssemble(), true), [1], false);
+            }
+            this.__regionColor = this.__regionList[regionName];
+        }
+        else {
+            this.__regionColor = [0, 0, 0, 1];
+        }
+        return this;
+    };
+    WebGL.prototype.getRegion = function (x, y) {
+        var _this = this;
+        if (needUpdate)
+            this.review(true);
+        needUpdate = false;
+        return new Promise(function (resolve, reject) {
+            var rgba = _this.__getColor(x, y);
+            for (var key in _this.__regionList) {
+                var currentRGBA = _this.__regionList[key];
+                if ("rgba(" + currentRGBA[0] * 255 + "," + currentRGBA[1] * 255 + "," + currentRGBA[2] * 255 + "," + currentRGBA[3] * 255 + ")" == rgba) {
+                    resolve(key);
+                    break;
+                }
+            }
+            resolve("");
+        });
+    };
+    return WebGL;
+}());
+
+export { WebGL as default };

package/lib/OralWebGL/index.es.min.js

@@ -0,0 +1,15 @@
+/*!
+* VISLite JavaScript Library v0.2.0-alpha.7
+* git+https://github.com/oi-contrib/VISLite.git
+*
+* Copyright zxl20070701
+* Released under the MIT license
+* https://zxl20070701.github.io/notebook/home.html
+* 
+* 本版本系测试版本，请认真阅读下述说明再使用：
+*
+*【测试版本细则】
+* alpha：内测版本，仅供开发人员提供测试环境而发布，后续的修改可能极具破坏性，非有明确了解前请勿直接用于项目中
+* beta：外测版本，正式发布前的确认测试，或者新功能紧急发布，一般可以直接用于实际项目，因为即使后续发现了问题，直接使用正式版即可，不会有破坏性
+*/
+function t(t,r,e){if(e||2===arguments.length)for(var i,o=0,a=r.length;o<a;o++)!i&&o in r||(i||(i=Array.prototype.slice.call(r,0,o)),i[o]=r[o]);return t.concat(i||Array.prototype.slice.call(r))}function r(t,r,e){void 0===e&&(e={});for(var i=["webgl","experimental-webgl","webkit-3d","moz-webgl"],o=null,a=0;a<i.length;a++){try{o=t.getContext(i[a],e)}catch(t){}if(o)break}if(!o)throw new Error("Non canvas or browser does not support webgl.");var n=o.canvas.width,_=o.canvas.height,u=n*r,s=_*r;return o.viewport(.5*(n-u),.5*(_-s),u,s),o.depthFunc(o.LEQUAL),o.enable(o.DEPTH_TEST),o}var e=function(t,r){for(var e=[],i=0;i<4;i++)for(var o=0;o<r.length/4;o++)e[4*o+i]=t[i]*r[4*o]+t[i+4]*r[4*o+1]+t[i+8]*r[4*o+2]+t[i+12]*r[4*o+3];return e},i=function(){function t(t){void 0===t&&(t=[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1]),this.name="Matrix4",this.__matrix4=t}return t.prototype.move=function(t,r,i,o){return void 0===o&&(o=0),this.__matrix4=e(function(t,r,e,i){void 0===i&&(i=0);var o=Math.sqrt(r*r+e*e+i*i);return[1,0,0,0,0,1,0,0,0,0,1,0,r*t/o,e*t/o,i*t/o,1]}(t,r,i,o),this.__matrix4),this},t.prototype.rotate=function(t,r,i,o,a,n,_){var u=function(t,r,e,i,o,a){if("number"==typeof t&&"number"==typeof r){if("number"!=typeof e?(e=0,i=t,o=r,a=1):"number"==typeof i&&"number"==typeof o&&"number"==typeof a||(i=t,o=r,a=e,t=0,r=0,e=0),t==i&&r==o&&e==a)throw new Error("It's not a legitimate ray!");var n=Math.sqrt((i-t)*(i-t)+(o-r)*(o-r)),_=0!=n?(o-r)/n:1,u=0!=n?(i-t)/n:0,s=(i-t)*u+(o-r)*_,m=a-e,c=Math.sqrt(s*s+m*m),h=0!=c?m/c:1,l=0!=c?s/c:0;return[[_,h*u,u*l,0,-u,_*h,_*l,0,0,-l,h,0,r*u-t*_,e*l-t*u*h-r*_*h,-t*u*l-r*_*l-e*h,1],[_,-u,0,0,h*u,h*_,-l,0,u*l,_*l,h,0,t,r,e,1]]}throw new Error("a1 and b1 is required!")}(r,i,o,a,n,_);return this.__matrix4=e(e(e(u[1],function(t){var r=Math.sin(t),e=Math.cos(t);return[e,r,0,0,-r,e,0,0,0,0,1,0,0,0,0,1]}(t)),u[0]),this.__matrix4),this},t.prototype.scale=function(t,r,i,o,a,n){return void 0===o&&(o=0),void 0===a&&(a=0),void 0===n&&(n=0),this.__matrix4=e(function(t,r,e,i,o,a){return void 0===i&&(i=0),void 0===o&&(o=0),void 0===a&&(a=0),[t,0,0,0,0,r,0,0,0,0,e,0,i-i*t,o-o*r,a-a*e,1]}(t,r,i,o,a,n),this.__matrix4),this},t.prototype.multiply=function(t,r){return void 0===r&&(r=!1),this.__matrix4=r?e(this.__matrix4,t):e(t,this.__matrix4),this},t.prototype.use=function(t,r,i,o){return void 0===i&&(i=0),void 0===o&&(o=1),e(this.__matrix4,[t,r,i,o])},t.prototype.value=function(){return this.__matrix4},t}(),o=function(){function t(t,r){void 0===r&&(r=!1),this.__painter=t,this.__isElement=r,this.__buffer=function(t){return t.createBuffer()}(t),this.__type=r?t.ELEMENT_ARRAY_BUFFER:t.ARRAY_BUFFER}return t.prototype.use=function(){return this.__painter.bindBuffer(this.__type,this.__buffer),this},t.prototype.write=function(t){return function(t,r,e,i){var o=e?t.ELEMENT_ARRAY_BUFFER:t.ARRAY_BUFFER;t.bufferData(o,r,i)}(this.__painter,t,this.__isElement,this.__painter.STATIC_DRAW),this.__fsize=t.BYTES_PER_ELEMENT,this},t.prototype.divide=function(t,r,e,i){return void 0===i&&(i=0),function(t,r,e,i,o,a,n){t.vertexAttribPointer(r,e,i,n,o,a),t.enableVertexAttribArray(r)}(this.__painter,t,r,this.__painter.FLOAT,e*this.__fsize,i*this.__fsize,!1),this},t}(),a=function(){function t(t,r,e){void 0===e&&(e=0),this.__painter=t,this.__type={"2d":t.TEXTURE_2D,cube:t.TEXTURE_CUBE_MAP}[r],this.__texture=function(t,r,e){var i=t.createTexture();return r==t.TEXTURE_2D&&t.activeTexture(t["TEXTURE"+e]),t.bindTexture(r,i),i}(t,this.__type,e),t.texParameteri(this.__type,t.TEXTURE_MIN_FILTER,t.NEAREST),t.texParameteri(this.__type,t.TEXTURE_WRAP_S,t.CLAMP_TO_EDGE),t.texParameteri(this.__type,t.TEXTURE_WRAP_T,t.CLAMP_TO_EDGE)}return t.prototype.useImage=function(t){return function(t,r,e,i,o,a){t.texImage2D(r,e,i,i,o,a)}(this.__painter,this.__type,0,this.__painter.RGBA,this.__painter.UNSIGNED_BYTE,t),this},t.prototype.useCube=function(t,r,e){return function(t,r,e,i,o,a,n,_,u){for(var s,m=[t.TEXTURE_CUBE_MAP_POSITIVE_X,t.TEXTURE_CUBE_MAP_NEGATIVE_X,t.TEXTURE_CUBE_MAP_POSITIVE_Y,t.TEXTURE_CUBE_MAP_NEGATIVE_Y,t.TEXTURE_CUBE_MAP_POSITIVE_Z,t.TEXTURE_CUBE_MAP_NEGATIVE_Z],c=0;c<m.length;c++)a[c]&&(s=m[c],t.texImage2D(s,e,i,n,_,0,i,o,null),t.bindTexture(r,u),t.texImage2D(s,e,i,i,o,a[c]));t.generateMipmap(r)}(this.__painter,this.__type,0,this.__painter.RGBA,this.__painter.UNSIGNED_BYTE,t,r,e,this.__texture),this},t}(),n={};function _(t,r,e){var i=t+"-"+e;return n[i]||(n[i]=new a(r,e)),n[i]}var u=function(t,r,e){var i=t.createShader(r);if(null==i)throw new Error("Unable to create shader!");if(t.shaderSource(i,e),t.compileShader(i),!t.getShaderParameter(i,t.COMPILE_STATUS))throw new Error("Failed to compile shader:"+t.getShaderInfoLog(i));return i},s=function(){function t(t){this.__painter=t}return t.prototype.use=function(){return this.__painter.useProgram(this.program),this},t.prototype.compile=function(t,r){return this.program=function(t,r,e){var i=u(t,t.VERTEX_SHADER,r),o=u(t,t.FRAGMENT_SHADER,e),a=t.createProgram();if(t.attachShader(a,i),t.attachShader(a,o),t.linkProgram(a),!t.getProgramParameter(a,t.LINK_STATUS))throw new Error("Failed to link program: "+t.getProgramInfoLog(a));return a}(this.__painter,t,r),this},t}(),m={};function c(t,r,e,i,a){var n=function(t,r,e){var i=t+(e.geometry.attributes.normal?"1":"0")+(e.material.image?"1":"0")+(e.material.color?"1":"0")+(e.material.cube?"1":"0");if(m[i])return m[i].use();var o="\n     attribute vec4 a_position;\n\n     ".concat(e.geometry.attributes.normal?"attribute vec4 a_normal;varying vec3 v_normal;":"","\n\n    uniform mat4 u_matrix_world;\n    uniform mat4 u_matrix_mesh;\n    uniform mat4 u_matrix_proporion;\n\n    ").concat(e.material.image?"attribute vec2 a_textcoord;varying vec2 v_textcoord;":"","\n\n    void main(){\n        vec4 temp = u_matrix_proporion * u_matrix_world * u_matrix_mesh * a_position;\n\n        // 表示眼睛距离vec4(0.0,0.0,1.0)的距离\n        float dist = 4.0;\n\n        // 使用投影直接计算\n        gl_Position = vec4((dist + 1.0) * temp.x, (dist + 1.0) * temp.y, dist * (dist + temp.z) + 1.0 - dist * dist, temp.w * 2.0 * (dist + temp.z));\n\n        ").concat(e.geometry.attributes.normal?"v_normal = normalize(vec3(a_normal));":"","\n        ").concat(e.material.image?"v_textcoord = a_textcoord;":"","\n     }\n "),a="\n    precision mediump float;\n\n    ".concat(e.geometry.attributes.normal?"varying vec3 v_normal;":"","\n    ").concat(e.material.color?"uniform vec4 u_color;":"","\n    ").concat(e.material.cube?"uniform samplerCube u_texture;":"","\n    ").concat(e.material.image?"uniform sampler2D u_sampler;varying vec2 v_textcoord;":"","\n\n    void main(){\n        ").concat(e.material.color?"gl_FragColor = u_color;":"","\n        ").concat(e.material.cube?"gl_FragColor = textureCube(u_texture,normalize(v_normal));":"","\n        ").concat(e.material.image?"gl_FragColor = texture2D(u_sampler,v_textcoord);":"","\n    }\n "),n=new s(r).compile(o,a).use();return m[i]=n,n}(t,r,e);if(new o(r).use().write(e.geometry.attributes.position.array).divide(r.getAttribLocation(n.program,"a_position"),e.geometry.attributes.position.itemSize,3,0),r.uniformMatrix4fv(r.getUniformLocation(n.program,"u_matrix_world"),!1,a.matrix),r.uniformMatrix4fv(r.getUniformLocation(n.program,"u_matrix_proporion"),!1,a.proporion),r.uniformMatrix4fv(r.getUniformLocation(n.program,"u_matrix_mesh"),!1,i.matrix),e.geometry.attributes.normal&&new o(r).use().write(e.geometry.attributes.normal.array).divide(r.getAttribLocation(n.program,"a_normal"),e.geometry.attributes.normal.itemSize,3,0),"color"in e.material)r.uniform4f(r.getUniformLocation(n.program,"u_color"),e.material.color.r,e.material.color.g,e.material.color.b,e.material.color.alpha);else if("cube"in e.material){var u=e.material.cube.right.image.value.width;_(t,r,"cube").useCube([e.material.cube.right.image.value,e.material.cube.left.image.value,e.material.cube.top.image.value,e.material.cube.bottom.image.value,e.material.cube.far.image.value,e.material.cube.near.image.value],u,u)}else"image"in e.material&&(r.uniform1i(r.getUniformLocation(n.program,"u_sampler"),0),new o(r).use().write(e.geometry.attributes.uv.array).divide(r.getAttribLocation(n.program,"a_textcoord"),e.geometry.attributes.uv.itemSize,2,0),_(t,r,"2d").useImage(e.material.image.value));e.geometry.index?(new o(r,!0).use().write(e.geometry.index.array),r.drawElements(r[e.geometry.type],e.geometry.index.count,r.UNSIGNED_BYTE,0)):r.drawArrays(r[e.geometry.type],0,e.geometry.attributes.position.count)}var h=!1,l=function(){function e(t,e){this.name="WebGL",this.__getColor=function(t,r){return"rgba(0,0,0,1)"},this.__regionList={},this.__regionAssemble=function(t,r,e,i){for(var o=[],a=0;a<i;a++)o[a]=t;return function(){for(var a=0;a<i;a++){if(o[a]<r){o[a]=+(o[a]+e).toFixed(7);break}a<i-1&&(o[a]=t)}return o}}(0,1,.2,3),this.__regionName="",this.__regionColor=[0,0,0,1],this.__scene={children:[],matrix:new i([1,0,0,0,0,1,0,0,0,0,-1,0,0,0,0,10])},this.__unique=(new Date).valueOf(),this.painter=r(t,10),this.__regionPainter=r(e,10,{});var o=this.painter.canvas.width/this.painter.canvas.height,a=1,n=1;o>1?a=1/o:n=o;var _=Math.min(a,n);this.__proporion=[a,0,0,0,0,n,0,0,0,0,_,0,0,0,0,1]}return e.prototype.matrix=function(t){return new i(t)},e.prototype.getMatrix=function(){return this.__scene.matrix},e.prototype.getObject3D=function(){return this.__scene.children},e.prototype.review=function(t){void 0===t&&(t=!1),t?(this.__regionPainter.clearColor(1,1,1,1),this.__regionPainter.clear(this.__regionPainter.COLOR_BUFFER_BIT)):(this.painter.clearColor(1,1,1,1),this.painter.clear(this.painter.COLOR_BUFFER_BIT));for(var r=0;r<this.__scene.children.length;r++)this.draw(this.__scene.children[r],t);return this},e.prototype.draw=function(t,r){void 0===r&&(r=!1),r||(h=!0);var e,i,o,a,n={matrix:t.matrix.value()},_={matrix:this.__scene.matrix.value(),proporion:this.__proporion};this.setRegion(t.region);for(var u=0;u<t.mesh.length;u++)r?c("painter"+this.__unique,this.__regionPainter,{geometry:t.mesh[u].geometry,material:{color:{r:this.__regionColor[0],g:this.__regionColor[1],b:this.__regionColor[2],alpha:this.__regionColor[3]}}},n,_):c("region"+this.__unique,this.painter,t.mesh[u],n,_);this.__getColor=(e=this.__regionPainter,i=e.drawingBufferWidth,o=e.drawingBufferHeight,a=new Uint8Array(4*i*o),e.readPixels(0,0,i,o,e.RGBA,e.UNSIGNED_BYTE,a),function(t,r){return"rgba("+a[4*((r=o-r)*i+t)]+","+a[4*(r*i+t)+1]+","+a[4*(r*i+t)+2]+","+a[4*(r*i+t)+3]+")"})},e.prototype.render=function(t){"matrix"in t||(t.matrix=new i),"region"in t||(t.region="");for(var r=0;r<t.mesh.length;r++){var e=t.mesh[r];e.geometry.attributes.normal&&Array.isArray(e.geometry.attributes.normal.array)&&(e.geometry.attributes.normal.array=new Float32Array(e.geometry.attributes.normal.array)),e.geometry.attributes.position&&Array.isArray(e.geometry.attributes.position.array)&&(e.geometry.attributes.position.array=new Float32Array(e.geometry.attributes.position.array)),e.geometry.attributes.uv&&Array.isArray(e.geometry.attributes.uv.array)&&(e.geometry.attributes.uv.array=new Float32Array(e.geometry.attributes.uv.array)),e.geometry.index&&Array.isArray(e.geometry.index.array)&&(e.geometry.index.array=new Uint8Array(e.geometry.index.array))}this.__scene.children.push(t),this.draw(t)},e.prototype.setRegion=function(r){return this.__regionName=r+"",r?(null==this.__regionList[r]&&(this.__regionList[r]=t(t([],this.__regionAssemble(),!0),[1],!1)),this.__regionColor=this.__regionList[r]):this.__regionColor=[0,0,0,1],this},e.prototype.getRegion=function(t,r){var e=this;return h&&this.review(!0),h=!1,new Promise((function(i,o){var a=e.__getColor(t,r);for(var n in e.__regionList){var _=e.__regionList[n];if("rgba("+255*_[0]+","+255*_[1]+","+255*_[2]+","+255*_[3]+")"==a){i(n);break}}i("")}))},e}();export{l as default};

package/lib/SVG/index.umd.js

@@ -1,12 +1,16 @@
 /*!
-* VISLite JavaScript Library v0.1.0
+* VISLite JavaScript Library v0.2.0-alpha.7
 * git+https://github.com/oi-contrib/VISLite.git
 *
 * Copyright zxl20070701
 * Released under the MIT license
 * https://zxl20070701.github.io/notebook/home.html
 * 
-* Publish Date: Sat Apr 29 2023 01:41:52 GMT+0800 (中国标准时间)
+* 本版本系测试版本，请认真阅读下述说明再使用：
+*
+*【测试版本细则】
+* alpha：内测版本，仅供开发人员提供测试环境而发布，后续的修改可能极具破坏性，非有明确了解前请勿直接用于项目中
+* beta：外测版本，正式发布前的确认测试，或者新功能紧急发布，一般可以直接用于实际项目，因为即使后续发现了问题，直接使用正式版即可，不会有破坏性
 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -213,6 +217,12 @@
         ];
     }
 
+    var oldAttrName = {
+        "font-size": "fontSize",
+        "font-family": "fontFamily",
+        "arc-start-cap": "arcStartCap",
+        "arc-end-cap": "arcEndCap"
+    };
     var SVG$1 = (function () {
         function SVG(svg) {
             this.name = "SVG";
@@ -234,11 +244,12 @@
         }
         SVG.prototype.config = function (params) {
             if (typeof params !== 'object') {
-                return this.__config[params];
+                return this.__config[oldAttrName[params] || params];
             }
             else {
                 for (var key in params) {
-                    this.__config[key] = params[key];
+                    var _key = oldAttrName[key] || key;
+                    this.__config[_key] = params[key];
                 }
             }
             return this;
@@ -423,7 +434,7 @@
         __extends(SVG, _super);
         function SVG(el) {
             if (!el) {
-                throw new Error("VISLite SVG                                                                                                                                                                                                                                                                                                                                                                                                                                                                               :The mount point requires an HTMLElement type but encountered null.");
+                throw new Error("VISLite SVG:The mount point requires an HTMLElement type but encountered null.");
             }
             var width = el.clientWidth, height = el.clientHeight;
             var ViewSVG = document.createElementNS("http://www.w3.org/2000/svg", 'svg');