ohzi-core 12.5.2 → 12.7.0

package/src/components/Line.js

@@ -1,225 +1,225 @@
-// @ts-check
-// @ts-ignore
-import line_vs from '../shaders/basic_line/basic_line.vert';
-// @ts-ignore
-import line_fs from '../shaders/basic_line/basic_line.frag';
-
-import { Mesh, Vector3 } from 'three'; // eslint-disable-line no-unused-vars
-import { BufferAttribute } from 'three';
-import { BufferGeometry } from 'three';
-import { ShaderMaterial } from 'three';
-import { Color } from 'three';
-
-class Line extends Mesh
-{
-  /**
-   * @param {Vector3[]} [points]
-   */
-  constructor(points)
-  {
-    const geometry = new BufferGeometry();
-    geometry.setAttribute('position',           new BufferAttribute(new Float32Array([]), 3));
-    geometry.setAttribute('next_position',      new BufferAttribute(new Float32Array([]), 3));
-    geometry.setAttribute('previous_position',  new BufferAttribute(new Float32Array([]), 3));
-    geometry.setAttribute('orientation',        new BufferAttribute(new Float32Array([]), 1));
-    geometry.setAttribute('coverage',           new BufferAttribute(new Float32Array([]), 1));
-
-    const material = new ShaderMaterial({
-      uniforms: {
-        _Thickness: { value: 0.2 },
-        _Length: { value: 0 },
-        _ElapsedTime: { value: 0 },
-        _Color: { value: new Color('#FF0000') }
-      },
-      vertexShader: line_vs,
-      fragmentShader: line_fs,
-      transparent: true,
-      depthWrite: false,
-      // @ts-ignore
-      extensions: { derivatives: true }
-
-    });
-
-    super(geometry, material);
-    this.material = material;
-    if (points)
-    {
-      this.setup(points);
-    }
-  }
-
-  /**
-   * @param {Vector3[]} points
-   */
-  setup(points)
-  {
-    const vertices = [];
-    const next_position = [];
-    const previous_position = [];
-    const orientation = [];
-    const coverage = [];
-    let accumulated_length = 0;
-
-    for (let i = 0; i < points.length; i++)
-    {
-      vertices.push(points[i].x);
-      vertices.push(points[i].y);
-      vertices.push(points[i].z);
-      orientation.push(1);
-
-      vertices.push(points[i].x);
-      vertices.push(points[i].y);
-      vertices.push(points[i].z);
-      orientation.push(-1);
-
-      const next_point = this.__get_next_position(points, i);
-      next_position.push(next_point.x);
-      next_position.push(next_point.y);
-      next_position.push(next_point.z);
-
-      next_position.push(next_point.x);
-      next_position.push(next_point.y);
-      next_position.push(next_point.z);
-
-      const previous_point = this.__get_previous_position(points, i);
-      previous_position.push(previous_point.x);
-      previous_position.push(previous_point.y);
-      previous_position.push(previous_point.z);
-
-      previous_position.push(previous_point.x);
-      previous_position.push(previous_point.y);
-      previous_position.push(previous_point.z);
-
-      coverage.push(accumulated_length);
-      coverage.push(accumulated_length);
-
-      if (i < points.length - 1)
-      {
-        accumulated_length += points[i].distanceTo(next_point);
-      }
-    }
-    const vertexList            = new Float32Array(vertices);
-    const nextPositionList      = new Float32Array(next_position);
-    const previousPositionList  = new Float32Array(previous_position);
-    const orientationList       = new Float32Array(orientation);
-    const coverageList          = new Float32Array(coverage);
-
-    const indices = [];
-    for (let i = 0; i < ((vertexList.length / 3) - 2) / 2; i++)
-    {
-      const index = (i * 2) + 1;
-      indices.push(index);
-      indices.push(index + 1);
-      indices.push(index - 1);
-
-      indices.push(index);
-      indices.push(index + 2);
-      indices.push(index + 1);
-    }
-
-    this.geometry.setIndex(indices);
-    /** @type {BufferAttribute} */(this.geometry.getAttribute('position')).copy(new BufferAttribute(vertexList, 3));
-    /** @type {BufferAttribute} */(this.geometry.getAttribute('next_position')).copy(new BufferAttribute(nextPositionList, 3));
-    /** @type {BufferAttribute} */(this.geometry.getAttribute('previous_position')).copy(new BufferAttribute(previousPositionList, 3));
-    /** @type {BufferAttribute} */(this.geometry.getAttribute('orientation')).copy(new BufferAttribute(orientationList, 1));
-    /** @type {BufferAttribute} */(this.geometry.getAttribute('coverage')).copy(new BufferAttribute(coverageList, 1));
-
-    this.geometry.getAttribute('position').needsUpdate = true;
-    this.geometry.getAttribute('next_position').needsUpdate = true;
-    this.geometry.getAttribute('previous_position').needsUpdate = true;
-    this.geometry.getAttribute('orientation').needsUpdate = true;
-    this.geometry.getAttribute('coverage').needsUpdate = true;
-
-    this.material.uniforms._Length.value = accumulated_length;
-    this._length = accumulated_length;
-    this.accumulated_length = accumulated_length;
-  }
-
-  set thickness(value)
-  {
-    this.material.uniforms._Thickness.value = value;
-  }
-
-  get thickness()
-  {
-    return this.material.uniforms._Thickness.value;
-  }
-
-  /**
-   * @param {Vector3[]} points
-   * @param {number} i
-   * @returns {Vector3}
-   */
-  __get_previous_position(points, i)
-  {
-    if (i === 0)
-    {
-      return points[1].clone().sub(points[0]).multiplyScalar(-1).add(points[0]);
-    }
-    else
-    {
-      return points[i - 1];
-    }
-  }
-
-  /**
-   * @param {Vector3[]} points
-   * @param {number} i
-   * @returns {Vector3}
-   */
-  __get_next_position(points, i)
-  {
-    if (i === points.length - 1)
-    {
-      return points[points.length - 2].clone().sub(points[points.length - 1]).multiplyScalar(-1).add(points[points.length - 1]);
-    }
-    else
-    {
-      return points[i + 1];
-    }
-  }
-
-  update()
-  {
-  }
-
-  distance()
-  {
-    return this.accumulated_length;
-  }
-
-  total_length()
-  {
-    return this.accumulated_length;
-  }
-
-  dispose()
-  {
-    this.geometry.dispose();
-    this.material.dispose();
-    if (this.parent)
-    {
-      this.parent.remove(this);
-    }
-  }
-
-  set color(col)
-  {
-    this.material.uniforms._Color.value.set(col);
-  }
-
-  get color()
-  {
-    return this.material.uniforms._Color.value;
-  }
-
-  /**
-   * @param {Color} col
-   */
-  copy_color(col)
-  {
-    this.material.uniforms._Color.value.copy(col);
-  }
-}
-
-export { Line };
+// @ts-check
+// @ts-ignore
+import line_vs from '../shaders/basic_line/basic_line.vert';
+// @ts-ignore
+import line_fs from '../shaders/basic_line/basic_line.frag';
+
+import { Mesh, Vector3 } from 'three'; // eslint-disable-line no-unused-vars
+import { BufferAttribute } from 'three';
+import { BufferGeometry } from 'three';
+import { ShaderMaterial } from 'three';
+import { Color } from 'three';
+
+class Line extends Mesh
+{
+  /**
+   * @param {Vector3[]} [points]
+   */
+  constructor(points)
+  {
+    const geometry = new BufferGeometry();
+    geometry.setAttribute('position',           new BufferAttribute(new Float32Array([]), 3));
+    geometry.setAttribute('next_position',      new BufferAttribute(new Float32Array([]), 3));
+    geometry.setAttribute('previous_position',  new BufferAttribute(new Float32Array([]), 3));
+    geometry.setAttribute('orientation',        new BufferAttribute(new Float32Array([]), 1));
+    geometry.setAttribute('coverage',           new BufferAttribute(new Float32Array([]), 1));
+
+    const material = new ShaderMaterial({
+      uniforms: {
+        _Thickness: { value: 0.2 },
+        _Length: { value: 0 },
+        _ElapsedTime: { value: 0 },
+        _Color: { value: new Color('#FF0000') }
+      },
+      vertexShader: line_vs,
+      fragmentShader: line_fs,
+      transparent: true,
+      depthWrite: false,
+      // @ts-ignore
+      extensions: { derivatives: true }
+
+    });
+
+    super(geometry, material);
+    this.material = material;
+    if (points)
+    {
+      this.setup(points);
+    }
+  }
+
+  /**
+   * @param {Vector3[]} points
+   */
+  setup(points)
+  {
+    const vertices = [];
+    const next_position = [];
+    const previous_position = [];
+    const orientation = [];
+    const coverage = [];
+    let accumulated_length = 0;
+
+    for (let i = 0; i < points.length; i++)
+    {
+      vertices.push(points[i].x);
+      vertices.push(points[i].y);
+      vertices.push(points[i].z);
+      orientation.push(1);
+
+      vertices.push(points[i].x);
+      vertices.push(points[i].y);
+      vertices.push(points[i].z);
+      orientation.push(-1);
+
+      const next_point = this.__get_next_position(points, i);
+      next_position.push(next_point.x);
+      next_position.push(next_point.y);
+      next_position.push(next_point.z);
+
+      next_position.push(next_point.x);
+      next_position.push(next_point.y);
+      next_position.push(next_point.z);
+
+      const previous_point = this.__get_previous_position(points, i);
+      previous_position.push(previous_point.x);
+      previous_position.push(previous_point.y);
+      previous_position.push(previous_point.z);
+
+      previous_position.push(previous_point.x);
+      previous_position.push(previous_point.y);
+      previous_position.push(previous_point.z);
+
+      coverage.push(accumulated_length);
+      coverage.push(accumulated_length);
+
+      if (i < points.length - 1)
+      {
+        accumulated_length += points[i].distanceTo(next_point);
+      }
+    }
+    const vertexList            = new Float32Array(vertices);
+    const nextPositionList      = new Float32Array(next_position);
+    const previousPositionList  = new Float32Array(previous_position);
+    const orientationList       = new Float32Array(orientation);
+    const coverageList          = new Float32Array(coverage);
+
+    const indices = [];
+    for (let i = 0; i < ((vertexList.length / 3) - 2) / 2; i++)
+    {
+      const index = (i * 2) + 1;
+      indices.push(index);
+      indices.push(index + 1);
+      indices.push(index - 1);
+
+      indices.push(index);
+      indices.push(index + 2);
+      indices.push(index + 1);
+    }
+
+    this.geometry.setIndex(indices);
+    /** @type {BufferAttribute} */(this.geometry.getAttribute('position')).copy(new BufferAttribute(vertexList, 3));
+    /** @type {BufferAttribute} */(this.geometry.getAttribute('next_position')).copy(new BufferAttribute(nextPositionList, 3));
+    /** @type {BufferAttribute} */(this.geometry.getAttribute('previous_position')).copy(new BufferAttribute(previousPositionList, 3));
+    /** @type {BufferAttribute} */(this.geometry.getAttribute('orientation')).copy(new BufferAttribute(orientationList, 1));
+    /** @type {BufferAttribute} */(this.geometry.getAttribute('coverage')).copy(new BufferAttribute(coverageList, 1));
+
+    this.geometry.getAttribute('position').needsUpdate = true;
+    this.geometry.getAttribute('next_position').needsUpdate = true;
+    this.geometry.getAttribute('previous_position').needsUpdate = true;
+    this.geometry.getAttribute('orientation').needsUpdate = true;
+    this.geometry.getAttribute('coverage').needsUpdate = true;
+
+    this.material.uniforms._Length.value = accumulated_length;
+    this._length = accumulated_length;
+    this.accumulated_length = accumulated_length;
+  }
+
+  set thickness(value)
+  {
+    this.material.uniforms._Thickness.value = value;
+  }
+
+  get thickness()
+  {
+    return this.material.uniforms._Thickness.value;
+  }
+
+  /**
+   * @param {Vector3[]} points
+   * @param {number} i
+   * @returns {Vector3}
+   */
+  __get_previous_position(points, i)
+  {
+    if (i === 0)
+    {
+      return points[1].clone().sub(points[0]).multiplyScalar(-1).add(points[0]);
+    }
+    else
+    {
+      return points[i - 1];
+    }
+  }
+
+  /**
+   * @param {Vector3[]} points
+   * @param {number} i
+   * @returns {Vector3}
+   */
+  __get_next_position(points, i)
+  {
+    if (i === points.length - 1)
+    {
+      return points[points.length - 2].clone().sub(points[points.length - 1]).multiplyScalar(-1).add(points[points.length - 1]);
+    }
+    else
+    {
+      return points[i + 1];
+    }
+  }
+
+  update()
+  {
+  }
+
+  distance()
+  {
+    return this.accumulated_length;
+  }
+
+  total_length()
+  {
+    return this.accumulated_length;
+  }
+
+  dispose()
+  {
+    this.geometry.dispose();
+    this.material.dispose();
+    if (this.parent)
+    {
+      this.parent.remove(this);
+    }
+  }
+
+  set color(col)
+  {
+    this.material.uniforms._Color.value.set(col);
+  }
+
+  get color()
+  {
+    return this.material.uniforms._Color.value;
+  }
+
+  /**
+   * @param {Color} col
+   */
+  copy_color(col)
+  {
+    this.material.uniforms._Color.value.copy(col);
+  }
+}
+
+export { Line };

package/src/components/MultiLinePath.js

@@ -1,25 +1,25 @@
-// @ts-check
-import { Line } from './Line';
-
-import { Object3D, Vector3 } from 'three'; // eslint-disable-line no-unused-vars
-
-class MultiLinePath extends Object3D
-{
-  /**
-   * @param {Array<Vector3[]>} paths
-   */
-  constructor(paths)
-  {
-    super();
-
-    this.paths = [];
-    for (let i = 0; i < paths.length; i++)
-    {
-      const line = new Line(paths[i]);
-      this.paths.push(line);
-      this.add(line);
-    }
-  }
-}
-
-export { MultiLinePath };
+// @ts-check
+import { Line } from './Line';
+
+import { Object3D, Vector3 } from 'three'; // eslint-disable-line no-unused-vars
+
+class MultiLinePath extends Object3D
+{
+  /**
+   * @param {Array<Vector3[]>} paths
+   */
+  constructor(paths)
+  {
+    super();
+
+    this.paths = [];
+    for (let i = 0; i < paths.length; i++)
+    {
+      const line = new Line(paths[i]);
+      this.paths.push(line);
+      this.add(line);
+    }
+  }
+}
+
+export { MultiLinePath };

package/src/components/MultiLineText2D.js

@@ -1,75 +1,75 @@
-// @ts-check
-import { Text2D } from './Text2D';
-
-import { Object3D } from 'three';
-import { Vector2 } from 'three';
-
-class MultiLineText2D extends Object3D
-{
-  /**
-   * @param {string[]} text_array
-   * @param {string} [font]
-   * @param {string | number} [color]
-   * @param {Vector2} [pivot]
-   * @param {boolean} [is_static]
-   */
-  constructor(text_array, font, color, pivot, is_static) // eslint-disable-line no-unused-vars
-  {
-    super();
-
-    font = font || '200px Arial';
-    color = color || '#000000';
-    pivot = pivot || new Vector2();
-
-    this.text_array = [];
-
-    for (let i = 0; i < text_array.length; i++)
-    {
-      const text2D = new Text2D(text_array[i], font, color, pivot);
-      this.text_array.push(text2D);
-      this.add(text2D);
-    }
-
-    this.update_text_positions();
-  }
-
-  update_text_positions()
-  {
-    for (let i = 0; i < this.text_array.length; i++)
-    {
-      this.text_array[i].position.y = -this.text_array[i].size.y * i;
-    }
-  }
-
-  set texts(text_array)
-  {
-    for (let i = 0; i < this.text_array.length; i++)
-    {
-      this.text_array[i].text = text_array[i];
-    }
-  }
-
-  set size(value)
-  {
-    for (let i = 0; i < this.text_array.length; i++)
-    {
-      this.text_array[i].size.set(value, value, value);
-    }
-    this.update_text_positions();
-  }
-
-  /**
-   * @returns {string[]}
-   */
-  get texts()
-  {
-    return [];
-  }
-
-  get size()
-  {
-    return 1;
-  }
-}
-
-export { MultiLineText2D };
+// @ts-check
+import { Text2D } from './Text2D';
+
+import { Object3D } from 'three';
+import { Vector2 } from 'three';
+
+class MultiLineText2D extends Object3D
+{
+  /**
+   * @param {string[]} text_array
+   * @param {string} [font]
+   * @param {string | number} [color]
+   * @param {Vector2} [pivot]
+   * @param {boolean} [is_static]
+   */
+  constructor(text_array, font, color, pivot, is_static) // eslint-disable-line no-unused-vars
+  {
+    super();
+
+    font = font || '200px Arial';
+    color = color || '#000000';
+    pivot = pivot || new Vector2();
+
+    this.text_array = [];
+
+    for (let i = 0; i < text_array.length; i++)
+    {
+      const text2D = new Text2D(text_array[i], font, color, pivot);
+      this.text_array.push(text2D);
+      this.add(text2D);
+    }
+
+    this.update_text_positions();
+  }
+
+  update_text_positions()
+  {
+    for (let i = 0; i < this.text_array.length; i++)
+    {
+      this.text_array[i].position.y = -this.text_array[i].size.y * i;
+    }
+  }
+
+  set texts(text_array)
+  {
+    for (let i = 0; i < this.text_array.length; i++)
+    {
+      this.text_array[i].text = text_array[i];
+    }
+  }
+
+  set size(value)
+  {
+    for (let i = 0; i < this.text_array.length; i++)
+    {
+      this.text_array[i].size.set(value, value, value);
+    }
+    this.update_text_positions();
+  }
+
+  /**
+   * @returns {string[]}
+   */
+  get texts()
+  {
+    return [];
+  }
+
+  get size()
+  {
+    return 1;
+  }
+}
+
+export { MultiLineText2D };