ohzi-core 6.1.2 → 6.2.1

package/src/action_sequencer/NumberInterpolator.js

@@ -1,24 +1,24 @@
-import ActionInterpolator from './ActionInterpolator';
-import { Math as TMath } from 'three';
-
-export default class NumberInterpolator extends ActionInterpolator
-{
-  constructor(attribute_name, from = 0, to = 1, easing_function = 'linear')
-  {
-    super(easing_function);
-
-    this.attribute_name = attribute_name;
-    this.from = from;
-    this.to = to;
-  }
-
-  update(context, t)
-  {
-    context[this.attribute_name] = TMath.lerp(this.from, this.to, this.easing_function(t));
-  }
-
-  evaluate(t)
-  {
-    return TMath.lerp(this.from, this.to, this.easing_function(t));
-  }
-}
+import ActionInterpolator from './ActionInterpolator';
+import { Math as TMath } from 'three';
+
+export default class NumberInterpolator extends ActionInterpolator
+{
+  constructor(attribute_name, from = 0, to = 1, easing_function = 'linear')
+  {
+    super(easing_function);
+
+    this.attribute_name = attribute_name;
+    this.from = from;
+    this.to = to;
+  }
+
+  update(context, t)
+  {
+    context[this.attribute_name] = TMath.lerp(this.from, this.to, this.easing_function(t));
+  }
+
+  evaluate(t)
+  {
+    return TMath.lerp(this.from, this.to, this.easing_function(t));
+  }
+}

package/src/action_sequencer/VectorInterpolator.js

@@ -1,20 +1,20 @@
-import ActionInterpolator from './ActionInterpolator';
-
-export default class VectorInterpolator extends ActionInterpolator
-{
-  constructor(attribute_name, from = 0, to = 1, easing_function = 'linear')
-  {
-    super(easing_function);
-
-    this.attribute_name = attribute_name;
-    this.from = from;
-    this.to = to;
-  }
-
-  update(context, t)
-  {
-    let tmp = this.from.clone();
-    tmp.lerp(this.to, this.easing_function(t));
-    context[this.attribute_name].copy(tmp);
-  }
-}
+import ActionInterpolator from './ActionInterpolator';
+
+export default class VectorInterpolator extends ActionInterpolator
+{
+  constructor(attribute_name, from = 0, to = 1, easing_function = 'linear')
+  {
+    super(easing_function);
+
+    this.attribute_name = attribute_name;
+    this.from = from;
+    this.to = to;
+  }
+
+  update(context, t)
+  {
+    let tmp = this.from.clone();
+    tmp.lerp(this.to, this.easing_function(t));
+    context[this.attribute_name].copy(tmp);
+  }
+}

package/src/blitter_index.js

@@ -1,13 +1,13 @@
-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
-};
+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,111 +1,111 @@
-import { CanvasTexture } from 'three';
-import { Vector2 } from 'three';
-import { UVMapping } from 'three';
-import { ClampToEdgeWrapping } from 'three';
-import { NearestFilter } from 'three';
-
-export default class CanvasDrawer
-{
-  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)
-    {
-      let body = document.getElementsByTagName('body')[0];
-      let dummy = document.createElement('div');
-      let 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;
-  }
-
-  get_text_size(text, font = '24px Arial')
-  {
-    let 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;
-  }
-
-  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;
-  }
-
-  draw_on_texture(text, ctxOptions)
-  {
-    let canvas = this.draw_canvas(text, ctxOptions);
-    let canvas_texture = new CanvasTexture(canvas, UVMapping,
-      ClampToEdgeWrapping,
-      ClampToEdgeWrapping,
-      NearestFilter,
-      NearestFilter);
-    canvas_texture.generateMipMaps = false;
-    canvas_texture.needsUpdate = true;
-
-    return canvas_texture;
-  }
-
-  __draw(text, ctxOptions)
-  {}
-
-  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
-    {
-      let defaultRadius = { tl: 0, tr: 0, br: 0, bl: 0 };
-      for (let side in defaultRadius)
-      {
-        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();
-    }
-  }
-}
+import { CanvasTexture } from 'three';
+import { Vector2 } from 'three';
+import { UVMapping } from 'three';
+import { ClampToEdgeWrapping } from 'three';
+import { NearestFilter } from 'three';
+
+export default class CanvasDrawer
+{
+  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)
+    {
+      let body = document.getElementsByTagName('body')[0];
+      let dummy = document.createElement('div');
+      let 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;
+  }
+
+  get_text_size(text, font = '24px Arial')
+  {
+    let 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;
+  }
+
+  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;
+  }
+
+  draw_on_texture(text, ctxOptions)
+  {
+    let canvas = this.draw_canvas(text, ctxOptions);
+    let canvas_texture = new CanvasTexture(canvas, UVMapping,
+      ClampToEdgeWrapping,
+      ClampToEdgeWrapping,
+      NearestFilter,
+      NearestFilter);
+    canvas_texture.generateMipMaps = false;
+    canvas_texture.needsUpdate = true;
+
+    return canvas_texture;
+  }
+
+  __draw(text, ctxOptions)
+  {}
+
+  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
+    {
+      let defaultRadius = { tl: 0, tr: 0, br: 0, bl: 0 };
+      for (let side in defaultRadius)
+      {
+        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();
+    }
+  }
+}

package/src/canvas_drawer/MultiLineTextDrawer.js

@@ -1,49 +1,49 @@
-import CanvasDrawer from './CanvasDrawer';
-
-import { Vector2 } from 'three';
-
-export default class MultiLineTextDrawer extends CanvasDrawer
-{
-  constructor()
-  {
-    super();
-    this.text_margin = new Vector2(2, 0);
-  }
-
-  __draw(text_array, ctxOptions, canvas, ctx)
-  {
-    ctx.font = ctxOptions.font;
-    let text_size = new Vector2();
-    for (let i = 0; i < text_array.length; i++)
-    {
-      let 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.textAlignment = 'left';
-
-    let 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);
-    }
-  }
-}
+import CanvasDrawer from './CanvasDrawer';
+
+import { Vector2 } from 'three';
+
+export default class MultiLineTextDrawer extends CanvasDrawer
+{
+  constructor()
+  {
+    super();
+    this.text_margin = new Vector2(2, 0);
+  }
+
+  __draw(text_array, ctxOptions, canvas, ctx)
+  {
+    ctx.font = ctxOptions.font;
+    let text_size = new Vector2();
+    for (let i = 0; i < text_array.length; i++)
+    {
+      let 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.textAlignment = 'left';
+
+    let 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);
+    }
+  }
+}

package/src/canvas_drawer/SimpleTextDrawer.js

@@ -1,47 +1,47 @@
-
-import CanvasDrawer from './CanvasDrawer';
-
-import { Vector2 } from 'three';
-
-export default class SimpleTextDrawer extends CanvasDrawer
-{
-  constructor()
-  {
-    super();
-    this.text_margin = new Vector2(2, 0);
-  }
-
-  __draw(text, ctxOptions, canvas, ctx)
-  {
-    ctx.font = ctxOptions.font;
-
-    let text_size = this.get_text_size(text, ctxOptions.font);
-    // canvas.width = Math.ceilPowerOfTwo(text_size.x+this.text_margin.x*2);
-    // canvas.height = Math.ceilPowerOfTwo(text_size.y+ this.text_margin.y*2);
-    canvas.width = Math.ceil(text_size.x + this.text_margin.x * 2);
-    canvas.height = Math.ceil(text_size.y + this.text_margin.y * 2);
-    ctx.clearRect(0, 0, canvas.width, canvas.height);
-
-    // turn this on for debugging
-    ctx.globalAlpha = 0.0;
-    ctx.fillStyle = ctxOptions.font_color || '#000000';
-    ctx.fillRect(0, 0, canvas.width, canvas.height);
-    ctx.globalAlpha = 1;
-
-    ctx.globalAlpha = 1;
-
-    ctx.font = ctxOptions.font;
-    ctx.fillStyle = ctxOptions.font_color || '#000000';
-    ctx.textBaseline = 'middle';
-
-    ctx.textAlign = ctxOptions.textAlign || 'center';
-    if (ctx.textAlign === 'center')
-    {
-      ctx.fillText(text, canvas.width / 2, canvas.height / 2);
-    }
-    else
-    {
-      ctx.fillText(text, 0, canvas.height / 2);
-    }
-  }
-}
+
+import CanvasDrawer from './CanvasDrawer';
+
+import { Vector2 } from 'three';
+
+export default class SimpleTextDrawer extends CanvasDrawer
+{
+  constructor()
+  {
+    super();
+    this.text_margin = new Vector2(2, 0);
+  }
+
+  __draw(text, ctxOptions, canvas, ctx)
+  {
+    ctx.font = ctxOptions.font;
+
+    let text_size = this.get_text_size(text, ctxOptions.font);
+    // canvas.width = Math.ceilPowerOfTwo(text_size.x+this.text_margin.x*2);
+    // canvas.height = Math.ceilPowerOfTwo(text_size.y+ this.text_margin.y*2);
+    canvas.width = Math.ceil(text_size.x + this.text_margin.x * 2);
+    canvas.height = Math.ceil(text_size.y + this.text_margin.y * 2);
+    ctx.clearRect(0, 0, canvas.width, canvas.height);
+
+    // turn this on for debugging
+    ctx.globalAlpha = 0.0;
+    ctx.fillStyle = ctxOptions.font_color || '#000000';
+    ctx.fillRect(0, 0, canvas.width, canvas.height);
+    ctx.globalAlpha = 1;
+
+    ctx.globalAlpha = 1;
+
+    ctx.font = ctxOptions.font;
+    ctx.fillStyle = ctxOptions.font_color || '#000000';
+    ctx.textBaseline = 'middle';
+
+    ctx.textAlign = ctxOptions.textAlign || 'center';
+    if (ctx.textAlign === 'center')
+    {
+      ctx.fillText(text, canvas.width / 2, canvas.height / 2);
+    }
+    else
+    {
+      ctx.fillText(text, 0, canvas.height / 2);
+    }
+  }
+}

package/src/components/AudioClip.js

@@ -1,55 +1,55 @@
-import { Audio as TAudio } from 'three';
-import { PositionalAudio as TPositionalAudio } from 'three';
-
-export default class AudioClip
-{
-  constructor(buffer, loop = true, volume = 1, positional = false)
-  {
-    this.buffer = buffer;
-    this.loop = loop;
-    this.volume = volume;
-    this.positional = positional;
-
-    this.audio = undefined;
-  }
-
-  init(audio_listener)
-  {
-    if (this.positional)
-    {
-      this.audio = new TPositionalAudio(audio_listener);
-    }
-    else
-    {
-      this.audio = new TAudio(audio_listener);
-    }
-
-    this.audio.setBuffer(this.buffer);
-    this.audio.setLoop(this.loop);
-
-    // This prevents undesired volume at the beginning of playing
-    this.audio.gain.gain.value = 0;
-
-    this.audio.setVolume(this.loop ? 0 : this.volume);
-  }
-
-  play()
-  {
-    this.audio.play();
-  }
-
-  pause()
-  {
-    this.audio.pause();
-  }
-
-  stop()
-  {
-    this.audio.stop();
-  }
-
-  get is_playing()
-  {
-    return this.audio.isPlaying;
-  }
-}
+import { Audio as TAudio } from 'three';
+import { PositionalAudio as TPositionalAudio } from 'three';
+
+export default class AudioClip
+{
+  constructor(buffer, loop = true, volume = 1, positional = false)
+  {
+    this.buffer = buffer;
+    this.loop = loop;
+    this.volume = volume;
+    this.positional = positional;
+
+    this.audio = undefined;
+  }
+
+  init(audio_listener)
+  {
+    if (this.positional)
+    {
+      this.audio = new TPositionalAudio(audio_listener);
+    }
+    else
+    {
+      this.audio = new TAudio(audio_listener);
+    }
+
+    this.audio.setBuffer(this.buffer);
+    this.audio.setLoop(this.loop);
+
+    // This prevents undesired volume at the beginning of playing
+    this.audio.gain.gain.value = 0;
+
+    this.audio.setVolume(this.loop ? 0 : this.volume);
+  }
+
+  play()
+  {
+    this.audio.play();
+  }
+
+  pause()
+  {
+    this.audio.pause();
+  }
+
+  stop()
+  {
+    this.audio.stop();
+  }
+
+  get is_playing()
+  {
+    return this.audio.isPlaying;
+  }
+}