Home Reference Source

cables_dev/cables_ui/src/ui/glpatch/glgraph.js

  1. import { GlSplineDrawer } from "../gldraw/glsplinedrawer";
  3. export default class GlGraph
  4. {
  6.     /**
  7.      * @param {GlSplineDrawer} splineRenderer
  8.      */
  9.     constructor(splineRenderer)
  10.     {
  11.         this.numValues = 22;
  13.         this._splineRenderer = splineRenderer;
  14.         this._values = [];
  15.         this._points = [];
  17.         for (let i = 0; i < this.numValues; i++) this._values[i] = 0;
  18.         for (let i = 0; i < this.numValues * 3; i++) this._points[i] = Math.random();
  20.         this._scaleX = 6.01;
  21.         this._scaleY = 31.01;
  23.         this._width = 20;
  24.         this._height = 10;
  26.         this._idx = this._splineRenderer.getSplineIndex();
  27.         this._splineRenderer.setSpline(this._idx, this._points);
  28.         this._splineRenderer.setSplineColor(this._idx, [1, 1, 1, 1]);
  30.         const z = 0.1;
  31.         const zeroLine = this._splineRenderer.getSplineIndex();
  32.         this._splineRenderer.setSpline(zeroLine, [0, 0, z, this._width * this._scaleX, 0, z]);
  33.         this._splineRenderer.setSplineColor(zeroLine, [0.5, 0.5, 0.5, 1]);
  35.         const upperLimitLine = this._splineRenderer.getSplineIndex();
  36.         this._splineRenderer.setSpline(upperLimitLine, [0, this._height * this._scaleY, 0, this._width * this._scaleX, this._height * this._scaleY, 0]);
  37.         this._splineRenderer.setSplineColor(upperLimitLine, [0.5, 0.5, 0.5, 1]);
  39.         const leftLine = this._splineRenderer.getSplineIndex();
  40.         this._splineRenderer.setSpline(leftLine, [0, 0, 0, 0, this._height * this._scaleY, 0]);
  41.         this._splineRenderer.setSplineColor(leftLine, [0.5, 0.5, 0.5, 1]);
  43.         const rightLine = this._splineRenderer.getSplineIndex();
  44.         this._splineRenderer.setSpline(rightLine, [this._width * this._scaleX, 0, 0, this._width * this._scaleX, this._height * this._scaleY, 0]);
  45.         this._splineRenderer.setSplineColor(rightLine, [0.5, 0.5, 0.5, 1]);
  47.         this._splineRenderer.setWidth(0.12);
  48.     }
  50.     set(value)
  51.     {
  52.         // const points = [];
  53.         // const start = Math.floor(this._anim.getLength() - 10);
  55.         // for (let i = Math.floor(this._anim.getLength() * 10) / 10; i > 0; i -= 0.033)
  56.         // {
  57.         //     const x = 10 * this._scaleX + (i) * this._scaleX;
  58.         //     if (x > 0) points.push(x, this._height * this._scaleY - this._anim.getValue(i) * this._scaleY, 0);
  59.         // }
  61.         // this._anim.clearBefore(time - 10);
  63.         // this._splineRenderer.setSpline(this._idx, points);
  64.         // this._anim.setValue(time, value);
  66.         for (let i = this._values.length - 1; i > 0; i--)
  67.         {
  68.             this._values[i] = this._values[i - 1];
  69.         }
  71.         this._values[0] = value;
  72.         // this._values.push(value);
  73.         const points = [];
  75.         for (let i = 0; i < this._values.length; i++)
  76.         {
  77.             points.push(i * this._scaleX, this._height * this._scaleY - this._values[i] * this._scaleY, 0);
  78.             // points.push((i + 1) * this._scaleX, this._height * this._scaleY - this._values[i] * this._scaleY, 0);
  79.         }
  81.         this._splineRenderer.setSpline(this._idx, points);
  82.         // this._splineRenderer.setSplineColor(this._idx, [0.5, 0.5, 0.5, 1]);
  83.     }
  85.     /**
  86.      * @param {number} resX
  87.      * @param {number} resY
  88.      * @param {number} scrollX
  89.      * @param {number} scrollY
  90.      * @param {number} zoom
  91.      */
  92.     render(resX, resY, scrollX, scrollY, zoom)
  93.     {
  94.         this._splineRenderer.render(resX, resY, scrollX, scrollY, zoom);
  95.     }
  96. }