v0.5.4

Author: danchitnis

dist/WebglBaseLine.d.ts

@@ -24,12 +24,12 @@ export declare class WebglBaseLine {
      */
     scaleX: number;
     /**
-     * The vertical sclae of the line
+     * The vertical scale of the line
      * @default = 1
      */
     scaleY: number;
     /**
-     * The horixontal offset of the line
+     * The horizontal offset of the line
      * @default = 0
      */
     offsetX: number;

dist/webglplot.d.ts

@@ -53,10 +53,15 @@ export default class WebGLPlot {
      */
     gOffsetY: number;
     /**
-     * collection of lines in the plot
+     * collection of data lines in the plot
      */
-    private _lines;
-    get lines(): WebglBaseLine[];
+    private _linesData;
+    /**
+     * collection of auxiliary lines (grids, markers, etc) in the plot
+     */
+    private _linesAux;
+    get linesData(): WebglBaseLine[];
+    get linesAux(): WebglBaseLine[];
     private progThinLine;
     /**
      * log debug output
@@ -104,6 +109,7 @@ export default class WebGLPlot {
     /**
      * updates and redraws the content of the plot
      */
+    private updateLines;
     update(): void;
     clear(): void;
     /**
@@ -116,16 +122,27 @@ export default class WebGLPlot {
      * wglp.addLine(line);
      * ```
      */
-    addLine(line: WebglLine | WebglStep | WebglPolar): void;
+    private _addLine;
+    addDataLine(line: WebglLine | WebglStep | WebglPolar): void;
+    addLine: (line: WebglLine | WebglStep | WebglPolar) => void;
+    addAuxLine(line: WebglLine | WebglStep | WebglPolar): void;
     private initThinLineProgram;
     /**
-     * remove the last line
+     * remove the last data line
      */
-    popLine(): void;
+    popDataLine(): void;
     /**
      * remove all the lines
      */
     removeAllLines(): void;
+    /**
+     * remove all data lines
+     */
+    removeDataLines(): void;
+    /**
+     * remove all auxiliary lines
+     */
+    removeAuxLines(): void;
     /**
      * Change the WbGL viewport
      * @param a

dist/webglplot.d.ts.map

@@ -326,6 +326,7 @@ class WebGLPlot {
          * log debug output
          */
         this.debug = false;
+        this.addLine = this.addDataLine;
         if (options == undefined) {
             this.webgl = canvas.getContext("webgl", {
                 antialias: true,
@@ -344,7 +345,8 @@ class WebGLPlot {
         }
         this.log("canvas type is: " + canvas.constructor.name);
         this.log(`[webgl-plot]:width=${canvas.width}, height=${canvas.height}`);
-        this._lines = [];
+        this._linesData = [];
+        this._linesAux = [];
         //this.webgl = webgl;
         this.gScaleX = 1;
         this.gScaleY = 1;
@@ -358,15 +360,18 @@ class WebGLPlot {
         this.progThinLine = this.webgl.createProgram();
         this.initThinLineProgram();
     }
-    get lines() {
-        return this._lines;
+    get linesData() {
+        return this._linesData;
+    }
+    get linesAux() {
+        return this._linesAux;
     }
     /**
      * updates and redraws the content of the plot
      */
-    update() {
+    updateLines(lines) {
         const webgl = this.webgl;
-        this.lines.forEach((line) => {
+        lines.forEach((line) => {
             if (line.visible) {
                 webgl.useProgram(this.progThinLine);
                 const uscale = webgl.getUniformLocation(this.progThinLine, "uscale");
@@ -385,6 +390,10 @@ class WebGLPlot {
             }
         });
     }
+    update() {
+        this.updateLines(this.linesData);
+        this.updateLines(this.linesAux);
+    }
     clear() {
         // Clear the canvas  //??????????????????
         //this.webgl.clearColor(0.1, 0.1, 0.1, 1.0);
@@ -400,7 +409,7 @@ class WebGLPlot {
      * wglp.addLine(line);
      * ```
      */
-    addLine(line) {
+    _addLine(line) {
         //line.initProgram(this.webgl);
         line._vbuffer = this.webgl.createBuffer();
         this.webgl.bindBuffer(this.webgl.ARRAY_BUFFER, line._vbuffer);
@@ -409,7 +418,14 @@ class WebGLPlot {
         line._coord = this.webgl.getAttribLocation(this.progThinLine, "coordinates");
         this.webgl.vertexAttribPointer(line._coord, 2, this.webgl.FLOAT, false, 0, 0);
         this.webgl.enableVertexAttribArray(line._coord);
-        this.lines.push(line);
+    }
+    addDataLine(line) {
+        this._addLine(line);
+        this.linesData.push(line);
+    }
+    addAuxLine(line) {
+        this._addLine(line);
+        this.linesAux.push(line);
     }
     initThinLineProgram() {
         const vertCode = `
@@ -441,16 +457,29 @@ class WebGLPlot {
         this.webgl.linkProgram(this.progThinLine);
     }
     /**
-     * remove the last line
+     * remove the last data line
      */
-    popLine() {
-        this.lines.pop();
+    popDataLine() {
+        this.linesData.pop();
     }
     /**
      * remove all the lines
      */
     removeAllLines() {
-        this._lines = [];
+        this._linesData = [];
+        this._linesAux = [];
+    }
+    /**
+     * remove all data lines
+     */
+    removeDataLines() {
+        this._linesData = [];
+    }
+    /**
+     * remove all auxiliary lines
+     */
+    removeAuxLines() {
+        this._linesAux = [];
     }
     /**
      * Change the WbGL viewport