v0.5.1

major bug fix for single page applications

Author: danchitnis

benchmark/bench1.js

@@ -8,10 +8,10 @@ canvas.height = canvas.clientHeight * devicePixelRatio;
 
 const numX = canvas.width;
 
-const wglp = new WebGLplot(canvas);
+const wglp = new WebGLplot(canvas, { powerPerformance: "high-performance" });
 
 const createLines = (num) => {
-  wglp.lines = [];
+  wglp.removeAllLines();
   for (let i = 0; i < num; i++) {
     const color = new ColorRGBA(Math.random(), Math.random(), Math.random(), 1);
     const line = new WebglLine(color, numX);

dist/WbglPolar.d.ts.map

@@ -3,9 +3,6 @@ import { ColorRGBA } from "./ColorRGBA";
  * Baseline class
  */
 export declare class WebglBaseLine {
-    private static readonly vertCode;
-    private static readonly fragCode;
-    private static program;
     intensity: number;
     visible: boolean;
     /**
@@ -60,14 +57,11 @@ export declare class WebglBaseLine {
      * @private
      * @internal
      */
-    _prog: WebGLProgram;
     /**
      * @private
      * @internal
      */
     _coord: number;
-    initProgram(webgl: WebGLRenderingContext): void;
-    private createProgram;
     /**
      * @internal
      */

dist/WbglPolar.js

@@ -1,5 +1,5 @@
 /**
- * Author Danial Chitnis 2019
+ * Author Danial Chitnis 2019-20
  *
  * inspired by:
  * https://codepen.io/AzazelN28
@@ -11,14 +11,22 @@ import { WebglStep } from "./WbglStep";
 import { WebglPolar } from "./WbglPolar";
 import { WebglBaseLine } from "./WebglBaseLine";
 export { WebglLine, ColorRGBA, WebglStep, WebglPolar };
+declare type WebGLPlotConfig = {
+    antialias?: boolean;
+    transparent?: boolean;
+    powerPerformance?: "default" | "high-performance" | "low-power";
+    deSync?: boolean;
+    preserveDrawing?: boolean;
+    debug?: boolean;
+};
 /**
  * The main class for the webgl-plot library
  */
 export default class WebGLPlot {
     /**
      * @private
      */
-    private webgl;
+    private readonly webgl;
     /**
      * Global horizontal scale factor
      * @default = 1.0
@@ -47,7 +55,8 @@ export default class WebGLPlot {
     /**
      * collection of lines in the plot
      */
-    lines: WebglBaseLine[];
+    private _lines;
+    private progThinLine;
     /**
      * log debug output
      */
@@ -90,7 +99,8 @@ export default class WebGLPlot {
      * }
      * ```
      */
-    constructor(canvas: HTMLCanvasElement | OffscreenCanvas, debug?: boolean);
+    constructor(canvas: HTMLCanvasElement | OffscreenCanvas, options?: WebGLPlotConfig);
+    get lines(): WebglBaseLine[];
     /**
      * updates and redraws the content of the plot
      */
@@ -106,11 +116,16 @@ export default class WebGLPlot {
      * wglp.addLine(line);
      * ```
      */
-    addLine(line: WebglBaseLine): void;
+    addLine(line: WebglLine | WebglStep | WebglPolar): void;
+    private initThinLineProgram;
     /**
      * remove the last line
      */
     popLine(): void;
+    /**
+     * remove all the lines
+     */
+    removeAllLines(): void;
     /**
      * Change the WbGL viewport
      * @param a