ohzi-core 12.5.2 → 12.7.0

package/src/action_sequencer/NumberInterpolator.js

@@ -1,42 +1,42 @@
-// @ts-check
-import { ActionInterpolator } from './ActionInterpolator';
-import { OMath } from '../utilities/OMath';
-
-class NumberInterpolator extends ActionInterpolator
-{
-  /**
-   * @param {string} attribute_name
-   * @param {number} [from]
-   * @param {number} [to]
-   * @param {boolean} [initial]
-   * @param {import('../utilities/EasingFunctions').EasingFunctionType | function} [easing_function]
-   */
-  constructor(attribute_name, from = 0, to = 1, initial = false, easing_function = 'linear')
-  {
-    super(easing_function);
-
-    this.attribute_name = attribute_name;
-    this.from = from;
-    this.to = to;
-    this.initial = initial;
-  }
-
-  /**
-   * @param {any} context
-   * @param {number} t
-   */
-  update(context, t)
-  {
-    context[this.attribute_name] = OMath.lerp(this.from, this.to, this.easing_function(t));
-  }
-
-  /**
-   * @param {number} t
-   */
-  evaluate(t)
-  {
-    return OMath.lerp(this.from, this.to, this.easing_function(t));
-  }
-}
-
-export { NumberInterpolator };
+// @ts-check
+import { ActionInterpolator } from './ActionInterpolator';
+import { OMath } from '../utilities/OMath';
+
+class NumberInterpolator extends ActionInterpolator
+{
+  /**
+   * @param {string} attribute_name
+   * @param {number} [from]
+   * @param {number} [to]
+   * @param {boolean} [initial]
+   * @param {import('../utilities/EasingFunctions').EasingFunctionType | function} [easing_function]
+   */
+  constructor(attribute_name, from = 0, to = 1, initial = false, easing_function = 'linear')
+  {
+    super(easing_function);
+
+    this.attribute_name = attribute_name;
+    this.from = from;
+    this.to = to;
+    this.initial = initial;
+  }
+
+  /**
+   * @param {any} context
+   * @param {number} t
+   */
+  update(context, t)
+  {
+    context[this.attribute_name] = OMath.lerp(this.from, this.to, this.easing_function(t));
+  }
+
+  /**
+   * @param {number} t
+   */
+  evaluate(t)
+  {
+    return OMath.lerp(this.from, this.to, this.easing_function(t));
+  }
+}
+
+export { NumberInterpolator };

package/src/action_sequencer/VectorInterpolator.js

@@ -1,34 +1,34 @@
-// @ts-check
-import { Vector3 } from 'three';
-import { ActionInterpolator } from './ActionInterpolator';
-
-class VectorInterpolator extends ActionInterpolator
-{
-  /**
-   * @param {string} attribute_name
-   * @param {Vector3} [from]
-   * @param {Vector3} [to]
-   * @param {import('../utilities/EasingFunctions').EasingFunctionType | function} [easing_function]
-   */
-  constructor(attribute_name, from = new Vector3(), to = new Vector3(1, 1, 1), easing_function = 'linear')
-  {
-    super(easing_function);
-
-    this.attribute_name = attribute_name;
-    this.from = from;
-    this.to = to;
-  }
-
-  /**
-   * @param {any} context
-   * @param {number} t
-   */
-  update(context, t)
-  {
-    const tmp = this.from.clone();
-    tmp.lerp(this.to, this.easing_function(t));
-    context[this.attribute_name].copy(tmp);
-  }
-}
-
-export { VectorInterpolator };
+// @ts-check
+import { Vector3 } from 'three';
+import { ActionInterpolator } from './ActionInterpolator';
+
+class VectorInterpolator extends ActionInterpolator
+{
+  /**
+   * @param {string} attribute_name
+   * @param {Vector3} [from]
+   * @param {Vector3} [to]
+   * @param {import('../utilities/EasingFunctions').EasingFunctionType | function} [easing_function]
+   */
+  constructor(attribute_name, from = new Vector3(), to = new Vector3(1, 1, 1), easing_function = 'linear')
+  {
+    super(easing_function);
+
+    this.attribute_name = attribute_name;
+    this.from = from;
+    this.to = to;
+  }
+
+  /**
+   * @param {any} context
+   * @param {number} t
+   */
+  update(context, t)
+  {
+    const tmp = this.from.clone();
+    tmp.lerp(this.to, this.easing_function(t));
+    context[this.attribute_name].copy(tmp);
+  }
+}
+
+export { VectorInterpolator };

package/src/blitter_index.js

@@ -1,14 +1,14 @@
-// @ts-check
-import { MedianFilter } from './render_utilities/MedianFilter';
-import { GaussianBlurrer } from './render_utilities/GaussianBlurrer';
-import { Blurrer } from './render_utilities/Blurrer';
-import { Blitter } from './render_utilities/Blitter';
-
-import { DualFilteringBlurMaterial } from './materials/DualFilteringBlurMaterial';
-export {
-  MedianFilter,
-  GaussianBlurrer,
-  Blurrer,
-  Blitter,
-  DualFilteringBlurMaterial
-};
+// @ts-check
+import { MedianFilter } from './render_utilities/MedianFilter';
+import { GaussianBlurrer } from './render_utilities/GaussianBlurrer';
+import { Blurrer } from './render_utilities/Blurrer';
+import { Blitter } from './render_utilities/Blitter';
+
+import { DualFilteringBlurMaterial } from './materials/DualFilteringBlurMaterial';
+export {
+  MedianFilter,
+  GaussianBlurrer,
+  Blurrer,
+  Blitter,
+  DualFilteringBlurMaterial
+};

package/src/canvas_drawer/CanvasDrawer.js

@@ -1,146 +1,146 @@
-// @ts-check
-import { CanvasTexture } from 'three';
-import { Vector2 } from 'three';
-import { UVMapping } from 'three';
-import { ClampToEdgeWrapping } from 'three';
-import { NearestFilter } from 'three';
-
-class CanvasDrawer
-{
-  /**
-   * @param {boolean} [uses_dynamic_font]
-   */
-  constructor(uses_dynamic_font)
-  {
-    this.uses_dynamic_font = !!uses_dynamic_font;
-    this.__textHeight = null;
-
-    this.canvas = document.createElement('canvas');
-    this.ctx = this.canvas.getContext('2d');
-  }
-
-  getFontHeight(fontStyle = 'Arial')
-  {
-    if (this.__textHeight == null || this.uses_dynamic_font)
-    {
-      const body = document.getElementsByTagName('body')[0];
-      const dummy = document.createElement('div');
-      const dummyText = document.createTextNode('MÉqgOLAKTAL');
-      dummy.appendChild(dummyText);
-      dummy.setAttribute('style', `font:${fontStyle};position:absolute;top:0;left:0`);
-      body.appendChild(dummy);
-      this.__textHeight = dummy.offsetHeight;
-      body.removeChild(dummy);
-    }
-    return this.__textHeight;
-  }
-
-  /**
-   * @param {string} text
-   * @param {string} font
-   */
-  get_text_size(text, font = '24px Arial')
-  {
-    const size = new Vector2();
-    this.ctx.font = font;
-    size.x = Math.ceil(this.ctx.measureText(text).width);
-    size.y = Math.ceil(this.getFontHeight(font));
-    return size;
-  }
-
-  /**
-   * @param {string} text
-   * @param {any} [ctxOptions]
-   */
-  draw_canvas(text, ctxOptions = {})
-  {
-    ctxOptions.font = ctxOptions.font || '24px Arial';
-    ctxOptions.font_color = ctxOptions.font_color || '#000000';
-
-    this.__draw(text, ctxOptions, this.canvas, this.ctx);
-    return this.canvas;
-  }
-
-  /**
-   * @param {string} text
-   * @param {any} [ctxOptions]
-   */
-  draw_on_texture(text, ctxOptions)
-  {
-    const canvas = this.draw_canvas(text, ctxOptions);
-    const canvas_texture = new CanvasTexture(canvas, UVMapping,
-      ClampToEdgeWrapping,
-      ClampToEdgeWrapping,
-      NearestFilter,
-      NearestFilter);
-    canvas_texture.generateMipmaps = false;
-    canvas_texture.needsUpdate = true;
-
-    return canvas_texture;
-  }
-
-  /**
-   * @param {string[] | string} text
-   * @param {any} [ctxOptions]
-   * @param {HTMLCanvasElement} [canvas]
-   * @param {CanvasRenderingContext2D} [ctx]
-   */
-  __draw(text, ctxOptions, canvas, ctx) // eslint-disable-line no-unused-vars
-  {}
-
-  /**
-   * @param {CanvasRenderingContext2D} ctx
-   * @param {number} x
-   * @param {number} y
-   * @param {number} width
-   * @param {number} height
-   * @param {number | {tl:number, tr:number, br:number, bl:number}} radius
-   * @param {boolean} fill
-   * @param {boolean} stroke
-   */
-  roundRect(ctx, x, y, width, height, radius, fill, stroke)
-  {
-    if (typeof stroke === 'undefined')
-    {
-      stroke = true;
-    }
-    if (typeof radius === 'undefined')
-    {
-      radius = 5;
-    }
-    if (typeof radius === 'number')
-    {
-      radius = { tl: radius, tr: radius, br: radius, bl: radius };
-    }
-    else
-    {
-      const defaultRadius = { tl: 0, tr: 0, br: 0, bl: 0 };
-      for (const side in defaultRadius)
-      {
-        const _side = /** @type {keyof typeof defaultRadius} */ (side);
-        radius[_side] = radius[_side] || defaultRadius[_side];
-      }
-    }
-    ctx.beginPath();
-    ctx.moveTo(x + radius.tl, y);
-    ctx.lineTo(x + width - radius.tr, y);
-    ctx.quadraticCurveTo(x + width, y, x + width, y + radius.tr);
-    ctx.lineTo(x + width, y + height - radius.br);
-    ctx.quadraticCurveTo(x + width, y + height, x + width - radius.br, y + height);
-    ctx.lineTo(x + radius.bl, y + height);
-    ctx.quadraticCurveTo(x, y + height, x, y + height - radius.bl);
-    ctx.lineTo(x, y + radius.tl);
-    ctx.quadraticCurveTo(x, y, x + radius.tl, y);
-    ctx.closePath();
-    if (fill)
-    {
-      ctx.fill();
-    }
-    if (stroke)
-    {
-      ctx.stroke();
-    }
-  }
-}
-
-export { CanvasDrawer };
+// @ts-check
+import { CanvasTexture } from 'three';
+import { Vector2 } from 'three';
+import { UVMapping } from 'three';
+import { ClampToEdgeWrapping } from 'three';
+import { NearestFilter } from 'three';
+
+class CanvasDrawer
+{
+  /**
+   * @param {boolean} [uses_dynamic_font]
+   */
+  constructor(uses_dynamic_font)
+  {
+    this.uses_dynamic_font = !!uses_dynamic_font;
+    this.__textHeight = null;
+
+    this.canvas = document.createElement('canvas');
+    this.ctx = this.canvas.getContext('2d');
+  }
+
+  getFontHeight(fontStyle = 'Arial')
+  {
+    if (this.__textHeight == null || this.uses_dynamic_font)
+    {
+      const body = document.getElementsByTagName('body')[0];
+      const dummy = document.createElement('div');
+      const dummyText = document.createTextNode('MÉqgOLAKTAL');
+      dummy.appendChild(dummyText);
+      dummy.setAttribute('style', `font:${fontStyle};position:absolute;top:0;left:0`);
+      body.appendChild(dummy);
+      this.__textHeight = dummy.offsetHeight;
+      body.removeChild(dummy);
+    }
+    return this.__textHeight;
+  }
+
+  /**
+   * @param {string} text
+   * @param {string} font
+   */
+  get_text_size(text, font = '24px Arial')
+  {
+    const size = new Vector2();
+    this.ctx.font = font;
+    size.x = Math.ceil(this.ctx.measureText(text).width);
+    size.y = Math.ceil(this.getFontHeight(font));
+    return size;
+  }
+
+  /**
+   * @param {string} text
+   * @param {any} [ctxOptions]
+   */
+  draw_canvas(text, ctxOptions = {})
+  {
+    ctxOptions.font = ctxOptions.font || '24px Arial';
+    ctxOptions.font_color = ctxOptions.font_color || '#000000';
+
+    this.__draw(text, ctxOptions, this.canvas, this.ctx);
+    return this.canvas;
+  }
+
+  /**
+   * @param {string} text
+   * @param {any} [ctxOptions]
+   */
+  draw_on_texture(text, ctxOptions)
+  {
+    const canvas = this.draw_canvas(text, ctxOptions);
+    const canvas_texture = new CanvasTexture(canvas, UVMapping,
+      ClampToEdgeWrapping,
+      ClampToEdgeWrapping,
+      NearestFilter,
+      NearestFilter);
+    canvas_texture.generateMipmaps = false;
+    canvas_texture.needsUpdate = true;
+
+    return canvas_texture;
+  }
+
+  /**
+   * @param {string[] | string} text
+   * @param {any} [ctxOptions]
+   * @param {HTMLCanvasElement} [canvas]
+   * @param {CanvasRenderingContext2D} [ctx]
+   */
+  __draw(text, ctxOptions, canvas, ctx) // eslint-disable-line no-unused-vars
+  {}
+
+  /**
+   * @param {CanvasRenderingContext2D} ctx
+   * @param {number} x
+   * @param {number} y
+   * @param {number} width
+   * @param {number} height
+   * @param {number | {tl:number, tr:number, br:number, bl:number}} radius
+   * @param {boolean} fill
+   * @param {boolean} stroke
+   */
+  roundRect(ctx, x, y, width, height, radius, fill, stroke)
+  {
+    if (typeof stroke === 'undefined')
+    {
+      stroke = true;
+    }
+    if (typeof radius === 'undefined')
+    {
+      radius = 5;
+    }
+    if (typeof radius === 'number')
+    {
+      radius = { tl: radius, tr: radius, br: radius, bl: radius };
+    }
+    else
+    {
+      const defaultRadius = { tl: 0, tr: 0, br: 0, bl: 0 };
+      for (const side in defaultRadius)
+      {
+        const _side = /** @type {keyof typeof defaultRadius} */ (side);
+        radius[_side] = radius[_side] || defaultRadius[_side];
+      }
+    }
+    ctx.beginPath();
+    ctx.moveTo(x + radius.tl, y);
+    ctx.lineTo(x + width - radius.tr, y);
+    ctx.quadraticCurveTo(x + width, y, x + width, y + radius.tr);
+    ctx.lineTo(x + width, y + height - radius.br);
+    ctx.quadraticCurveTo(x + width, y + height, x + width - radius.br, y + height);
+    ctx.lineTo(x + radius.bl, y + height);
+    ctx.quadraticCurveTo(x, y + height, x, y + height - radius.bl);
+    ctx.lineTo(x, y + radius.tl);
+    ctx.quadraticCurveTo(x, y, x + radius.tl, y);
+    ctx.closePath();
+    if (fill)
+    {
+      ctx.fill();
+    }
+    if (stroke)
+    {
+      ctx.stroke();
+    }
+  }
+}
+
+export { CanvasDrawer };

package/src/canvas_drawer/MultiLineTextDrawer.js

@@ -1,58 +1,58 @@
-// @ts-check
-import { CanvasDrawer } from './CanvasDrawer';
-
-import { Vector2 } from 'three';
-
-class MultiLineTextDrawer extends CanvasDrawer
-{
-  constructor()
-  {
-    super();
-    this.text_margin = new Vector2(2, 0);
-  }
-
-  /**
-   * @param {string[]} text_array
-   * @param {any} [ctxOptions]
-   * @param {HTMLCanvasElement} [canvas]
-   * @param {CanvasRenderingContext2D} [ctx]
-   */
-  __draw(text_array, ctxOptions, canvas, ctx)
-  {
-    ctx.font = ctxOptions.font;
-    const text_size = new Vector2();
-    for (let i = 0; i < text_array.length; i++)
-    {
-      const new_size = this.get_text_size(text_array[i], ctxOptions.font);
-      console.log(new_size.clone());
-      text_size.x = Math.max(text_size.x, new_size.x);
-      text_size.y += Math.max(text_size.y, new_size.y);
-    }
-
-    console.log('end draw', text_array.length);
-
-    canvas.width = Math.ceil(text_size.x + this.text_margin.x * 2);
-    canvas.height = Math.ceil(text_size.y / 2 + this.text_margin.y * 2);
-    ctx.clearRect(0, 0, canvas.width, canvas.height);
-
-    ctx.globalAlpha = 0.2;
-    ctx.fillStyle = '#FF0000';
-    ctx.fillRect(0, 0, canvas.width, canvas.height);
-
-    ctx.globalAlpha = 1;
-
-    ctx.font = ctxOptions.font;
-    ctx.fillStyle = ctxOptions.font_color;
-    ctx.textBaseline = 'middle';
-    ctx.textAlign = 'left';
-
-    const word_height = canvas.height / text_array.length;
-    for (let i = 0; i < text_array.length; i++)
-    {
-      // let height = i / (text_array.length);
-      ctx.fillText(text_array[i], this.text_margin.x / 2, word_height * i + word_height / 2);
-    }
-  }
-}
-
-export { MultiLineTextDrawer };
+// @ts-check
+import { CanvasDrawer } from './CanvasDrawer';
+
+import { Vector2 } from 'three';
+
+class MultiLineTextDrawer extends CanvasDrawer
+{
+  constructor()
+  {
+    super();
+    this.text_margin = new Vector2(2, 0);
+  }
+
+  /**
+   * @param {string[]} text_array
+   * @param {any} [ctxOptions]
+   * @param {HTMLCanvasElement} [canvas]
+   * @param {CanvasRenderingContext2D} [ctx]
+   */
+  __draw(text_array, ctxOptions, canvas, ctx)
+  {
+    ctx.font = ctxOptions.font;
+    const text_size = new Vector2();
+    for (let i = 0; i < text_array.length; i++)
+    {
+      const new_size = this.get_text_size(text_array[i], ctxOptions.font);
+      console.log(new_size.clone());
+      text_size.x = Math.max(text_size.x, new_size.x);
+      text_size.y += Math.max(text_size.y, new_size.y);
+    }
+
+    console.log('end draw', text_array.length);
+
+    canvas.width = Math.ceil(text_size.x + this.text_margin.x * 2);
+    canvas.height = Math.ceil(text_size.y / 2 + this.text_margin.y * 2);
+    ctx.clearRect(0, 0, canvas.width, canvas.height);
+
+    ctx.globalAlpha = 0.2;
+    ctx.fillStyle = '#FF0000';
+    ctx.fillRect(0, 0, canvas.width, canvas.height);
+
+    ctx.globalAlpha = 1;
+
+    ctx.font = ctxOptions.font;
+    ctx.fillStyle = ctxOptions.font_color;
+    ctx.textBaseline = 'middle';
+    ctx.textAlign = 'left';
+
+    const word_height = canvas.height / text_array.length;
+    for (let i = 0; i < text_array.length; i++)
+    {
+      // let height = i / (text_array.length);
+      ctx.fillText(text_array[i], this.text_margin.x / 2, word_height * i + word_height / 2);
+    }
+  }
+}
+
+export { MultiLineTextDrawer };