ohzi-core 12.5.2 → 12.7.0

package/src/components/EdgeMesh.js

@@ -1,172 +1,172 @@
-// @ts-check
-// @ts-ignore
-import corners_frag from '../shaders/edges/corners.frag';
-// @ts-ignore
-import corners_vert from '../shaders/edges/corners.vert';
-// @ts-ignore
-import edge_line_frag from '../shaders/edges/edges.frag';
-// @ts-ignore
-import edge_line_vert from '../shaders/edges/edges.vert';
-
-import * as BufferGeometryUtils from 'three/examples/jsm/utils/BufferGeometryUtils.js';
-
-// eslint-disable-next-line no-unused-vars
-import { BufferAttribute, BufferGeometry, Color, EdgesGeometry, InterleavedBufferAttribute, LineBasicMaterial, LineSegments, Mesh, Object3D, PlaneGeometry, ShaderMaterial, Vector3 } from 'three';
-
-class EdgeMesh extends Object3D
-{
-  /**
-   * @param {BufferGeometry} buffer_geometry
-   * @param {number} [thickness]
-   * @param {string} [color]
-   */
-  constructor(buffer_geometry, thickness, color)
-  {
-    super();
-    thickness = thickness || 0.1;
-    color = color || '#555555';
-    this.edges_material = new ShaderMaterial({
-      uniforms: {
-        _Thickness: { value: thickness },
-        _Color: { value: new Color(color) }
-      },
-      vertexShader: edge_line_vert,
-      fragmentShader: edge_line_frag,
-      transparent: true,
-      depthWrite: false
-    });
-
-    this.corners_material = new ShaderMaterial({
-      uniforms: {
-        _Thickness: { value: thickness },
-        _Color: { value: new Color(color) }
-      },
-      vertexShader: corners_vert,
-      fragmentShader: corners_frag,
-      transparent: true,
-      depthWrite: false
-    });
-
-    const edges_geometry    = this.__get_edges_geometry(this.__get_edges(buffer_geometry));
-    const corners_geometry  = this.__get_corners_geometry(buffer_geometry.getAttribute('position'));
-
-    this.edges_mesh   = new Mesh(edges_geometry, this.edges_material);
-    this.corners_mesh = new Mesh(corners_geometry, this.corners_material);
-
-    this.edges_mesh.frustumCulled = false;
-    this.corners_mesh.frustumCulled = false;
-    this.add(this.edges_mesh);
-    this.add(this.corners_mesh);
-  }
-
-  /**
-   * @param {BufferGeometry} cube_geometry
-   * @returns {Vector3[]}
-   */
-  __get_edges(cube_geometry)
-  {
-    const edges = new EdgesGeometry(cube_geometry);
-    const line = new LineSegments(edges, new LineBasicMaterial());
-    const points_array = line.geometry.attributes.position.array;
-
-    const points = [];
-    for (let i = 0; i < points_array.length; i += 3)
-    {
-      points.push(new Vector3(points_array[i], points_array[i + 1], points_array[i + 2]));
-    }
-    return points;
-  }
-
-  /**
-   * @param {number} TIME
-   */
-  update(TIME) // eslint-disable-line no-unused-vars
-  {
-
-  }
-
-  /**
-   * @param {Vector3[]} points
-   */
-  __get_edges_geometry(points)
-  {
-    const buffer_geometries = [];
-    for (let i = 0; i < points.length; i += 2)
-    {
-      const dir = points[i + 1].clone().sub(points[i]).normalize();
-      const geometry = new PlaneGeometry(1, 1);
-      const vertices = geometry.getAttribute('position');
-      // top right
-      vertices.array[0] = points[i].x;
-      vertices.array[1] = points[i].y;
-      vertices.array[2] = points[i].z;
-      // top left
-      vertices.array[3] = points[i].x;
-      vertices.array[4] = points[i].y;
-      vertices.array[5] = points[i].z;
-
-      // bottom right
-      vertices.array[6] = points[i + 1].x;
-      vertices.array[7] = points[i + 1].y;
-      vertices.array[8] = points[i + 1].z;
-      // bottom left
-      vertices.array[9] = points[i + 1].x;
-      vertices.array[10] = points[i + 1].y;
-      vertices.array[11] = points[i + 1].z;
-
-      const dirs = [];
-      for (let d = 0; d < vertices.count; d++)
-      {
-        dirs.push(dir.x);
-        dirs.push(dir.y);
-        dirs.push(dir.z);
-      }
-      const dir_array = new Float32Array(dirs);
-      geometry.setAttribute('tangent', new BufferAttribute(dir_array, 3));
-      buffer_geometries.push(geometry);
-    }
-
-    return BufferGeometryUtils.mergeGeometries(buffer_geometries);
-  }
-
-  /**
-   * @param {BufferAttribute | InterleavedBufferAttribute} geometry_vertices
-   * @returns {BufferGeometry}
-   */
-  __get_corners_geometry(geometry_vertices)
-  {
-    const circle_buffer_geometries = [];
-    for (let i = 0; i < geometry_vertices.count; i++)
-    {
-      const plane_geometry = new PlaneGeometry(1, 1);
-      const plane_vertices = plane_geometry.getAttribute('position');
-      const w_pos = [];
-      for (let d = 0; d < plane_vertices.count; d++)
-      {
-        w_pos.push(geometry_vertices.array[i * 3 + 0]);
-        w_pos.push(geometry_vertices.array[i * 3 + 1]);
-        w_pos.push(geometry_vertices.array[i * 3 + 2]);
-      }
-      const pos_array = new Float32Array(w_pos);
-      plane_geometry.setAttribute('w_pos', new BufferAttribute(pos_array, 3));
-      circle_buffer_geometries.push(plane_geometry);
-    }
-    return BufferGeometryUtils.mergeGeometries(circle_buffer_geometries);
-  }
-
-  /**
-   * @param {boolean} boolean
-   */
-  set_visible(boolean)
-  {
-    this.edges_mesh.visible = boolean;
-    this.corners_mesh.visible = boolean;
-  }
-
-  dispose()
-  {
-
-  }
-}
-
-export { EdgeMesh };
+// @ts-check
+// @ts-ignore
+import corners_frag from '../shaders/edges/corners.frag';
+// @ts-ignore
+import corners_vert from '../shaders/edges/corners.vert';
+// @ts-ignore
+import edge_line_frag from '../shaders/edges/edges.frag';
+// @ts-ignore
+import edge_line_vert from '../shaders/edges/edges.vert';
+
+import * as BufferGeometryUtils from 'three/examples/jsm/utils/BufferGeometryUtils.js';
+
+// eslint-disable-next-line no-unused-vars
+import { BufferAttribute, BufferGeometry, Color, EdgesGeometry, InterleavedBufferAttribute, LineBasicMaterial, LineSegments, Mesh, Object3D, PlaneGeometry, ShaderMaterial, Vector3 } from 'three';
+
+class EdgeMesh extends Object3D
+{
+  /**
+   * @param {BufferGeometry} buffer_geometry
+   * @param {number} [thickness]
+   * @param {string} [color]
+   */
+  constructor(buffer_geometry, thickness, color)
+  {
+    super();
+    thickness = thickness || 0.1;
+    color = color || '#555555';
+    this.edges_material = new ShaderMaterial({
+      uniforms: {
+        _Thickness: { value: thickness },
+        _Color: { value: new Color(color) }
+      },
+      vertexShader: edge_line_vert,
+      fragmentShader: edge_line_frag,
+      transparent: true,
+      depthWrite: false
+    });
+
+    this.corners_material = new ShaderMaterial({
+      uniforms: {
+        _Thickness: { value: thickness },
+        _Color: { value: new Color(color) }
+      },
+      vertexShader: corners_vert,
+      fragmentShader: corners_frag,
+      transparent: true,
+      depthWrite: false
+    });
+
+    const edges_geometry    = this.__get_edges_geometry(this.__get_edges(buffer_geometry));
+    const corners_geometry  = this.__get_corners_geometry(buffer_geometry.getAttribute('position'));
+
+    this.edges_mesh   = new Mesh(edges_geometry, this.edges_material);
+    this.corners_mesh = new Mesh(corners_geometry, this.corners_material);
+
+    this.edges_mesh.frustumCulled = false;
+    this.corners_mesh.frustumCulled = false;
+    this.add(this.edges_mesh);
+    this.add(this.corners_mesh);
+  }
+
+  /**
+   * @param {BufferGeometry} cube_geometry
+   * @returns {Vector3[]}
+   */
+  __get_edges(cube_geometry)
+  {
+    const edges = new EdgesGeometry(cube_geometry);
+    const line = new LineSegments(edges, new LineBasicMaterial());
+    const points_array = line.geometry.attributes.position.array;
+
+    const points = [];
+    for (let i = 0; i < points_array.length; i += 3)
+    {
+      points.push(new Vector3(points_array[i], points_array[i + 1], points_array[i + 2]));
+    }
+    return points;
+  }
+
+  /**
+   * @param {number} TIME
+   */
+  update(TIME) // eslint-disable-line no-unused-vars
+  {
+
+  }
+
+  /**
+   * @param {Vector3[]} points
+   */
+  __get_edges_geometry(points)
+  {
+    const buffer_geometries = [];
+    for (let i = 0; i < points.length; i += 2)
+    {
+      const dir = points[i + 1].clone().sub(points[i]).normalize();
+      const geometry = new PlaneGeometry(1, 1);
+      const vertices = geometry.getAttribute('position');
+      // top right
+      vertices.array[0] = points[i].x;
+      vertices.array[1] = points[i].y;
+      vertices.array[2] = points[i].z;
+      // top left
+      vertices.array[3] = points[i].x;
+      vertices.array[4] = points[i].y;
+      vertices.array[5] = points[i].z;
+
+      // bottom right
+      vertices.array[6] = points[i + 1].x;
+      vertices.array[7] = points[i + 1].y;
+      vertices.array[8] = points[i + 1].z;
+      // bottom left
+      vertices.array[9] = points[i + 1].x;
+      vertices.array[10] = points[i + 1].y;
+      vertices.array[11] = points[i + 1].z;
+
+      const dirs = [];
+      for (let d = 0; d < vertices.count; d++)
+      {
+        dirs.push(dir.x);
+        dirs.push(dir.y);
+        dirs.push(dir.z);
+      }
+      const dir_array = new Float32Array(dirs);
+      geometry.setAttribute('tangent', new BufferAttribute(dir_array, 3));
+      buffer_geometries.push(geometry);
+    }
+
+    return BufferGeometryUtils.mergeGeometries(buffer_geometries);
+  }
+
+  /**
+   * @param {BufferAttribute | InterleavedBufferAttribute} geometry_vertices
+   * @returns {BufferGeometry}
+   */
+  __get_corners_geometry(geometry_vertices)
+  {
+    const circle_buffer_geometries = [];
+    for (let i = 0; i < geometry_vertices.count; i++)
+    {
+      const plane_geometry = new PlaneGeometry(1, 1);
+      const plane_vertices = plane_geometry.getAttribute('position');
+      const w_pos = [];
+      for (let d = 0; d < plane_vertices.count; d++)
+      {
+        w_pos.push(geometry_vertices.array[i * 3 + 0]);
+        w_pos.push(geometry_vertices.array[i * 3 + 1]);
+        w_pos.push(geometry_vertices.array[i * 3 + 2]);
+      }
+      const pos_array = new Float32Array(w_pos);
+      plane_geometry.setAttribute('w_pos', new BufferAttribute(pos_array, 3));
+      circle_buffer_geometries.push(plane_geometry);
+    }
+    return BufferGeometryUtils.mergeGeometries(circle_buffer_geometries);
+  }
+
+  /**
+   * @param {boolean} boolean
+   */
+  set_visible(boolean)
+  {
+    this.edges_mesh.visible = boolean;
+    this.corners_mesh.visible = boolean;
+  }
+
+  dispose()
+  {
+
+  }
+}
+
+export { EdgeMesh };

package/src/components/GeometryEdgeVisualizer.js

@@ -1,57 +1,57 @@
-// @ts-check
-// @ts-ignore
-import edge_visualizer_frag from '../shaders/edge_visualizer/edge_visualizer.frag';
-// @ts-ignore
-import edge_visualizer_vert from '../shaders/edge_visualizer/edge_visualizer.vert';
-
-import { GeometryUtilities } from '../utilities/GeometryUtilities';
-
-import { BufferGeometry, Mesh } from 'three'; // eslint-disable-line no-unused-vars
-import { Color } from 'three';
-import { ShaderMaterial } from 'three';
-
-class GeometryEdgeVisualizer extends Mesh
-{
-  /**
-   * @param {BufferGeometry} geometry
-   * @param {string | number} [line_color]
-   */
-  constructor(geometry, line_color)
-  {
-    line_color = line_color || '#91EE91';
-
-    const material = new ShaderMaterial({
-      uniforms: {
-        _Color: { value: new Color('#CC3333') },
-        _LineColor: { value: new Color(line_color) },
-        _Alpha: { value: 1 },
-        _DepthOffset: { value: 0.001 },
-        _Thickness: { value: 2.5 }
-      },
-      vertexShader: edge_visualizer_vert,
-      fragmentShader: edge_visualizer_frag,
-      // @ts-ignore
-      extensions: { derivatives: true },
-      transparent: true,
-      depthWrite: false
-    });
-
-    let non_indexed_geometry = geometry;
-    if (non_indexed_geometry.index)
-    {
-      non_indexed_geometry = GeometryUtilities.convert_to_non_indexed_geometry(geometry);
-    }
-
-    GeometryUtilities.add_barycentric_attribute(non_indexed_geometry);
-
-    super(non_indexed_geometry, material);
-    this.material = material;
-  }
-
-  hide_faces()
-  {
-    this.material.uniforms._Alpha.value = 0;
-  }
-}
-
-export { GeometryEdgeVisualizer };
+// @ts-check
+// @ts-ignore
+import edge_visualizer_frag from '../shaders/edge_visualizer/edge_visualizer.frag';
+// @ts-ignore
+import edge_visualizer_vert from '../shaders/edge_visualizer/edge_visualizer.vert';
+
+import { GeometryUtilities } from '../utilities/GeometryUtilities';
+
+import { BufferGeometry, Mesh } from 'three'; // eslint-disable-line no-unused-vars
+import { Color } from 'three';
+import { ShaderMaterial } from 'three';
+
+class GeometryEdgeVisualizer extends Mesh
+{
+  /**
+   * @param {BufferGeometry} geometry
+   * @param {string | number} [line_color]
+   */
+  constructor(geometry, line_color)
+  {
+    line_color = line_color || '#91EE91';
+
+    const material = new ShaderMaterial({
+      uniforms: {
+        _Color: { value: new Color('#CC3333') },
+        _LineColor: { value: new Color(line_color) },
+        _Alpha: { value: 1 },
+        _DepthOffset: { value: 0.001 },
+        _Thickness: { value: 2.5 }
+      },
+      vertexShader: edge_visualizer_vert,
+      fragmentShader: edge_visualizer_frag,
+      // @ts-ignore
+      extensions: { derivatives: true },
+      transparent: true,
+      depthWrite: false
+    });
+
+    let non_indexed_geometry = geometry;
+    if (non_indexed_geometry.index)
+    {
+      non_indexed_geometry = GeometryUtilities.convert_to_non_indexed_geometry(geometry);
+    }
+
+    GeometryUtilities.add_barycentric_attribute(non_indexed_geometry);
+
+    super(non_indexed_geometry, material);
+    this.material = material;
+  }
+
+  hide_faces()
+  {
+    this.material.uniforms._Alpha.value = 0;
+  }
+}
+
+export { GeometryEdgeVisualizer };

package/src/components/Grid.js

@@ -1,40 +1,40 @@
-// @ts-check
-// @ts-ignore
-import grid_frag from '../shaders/grid/grid.frag';
-// @ts-ignore
-import grid_vert from '../shaders/grid/grid.vert';
-
-import { GeometryUtilities } from '../utilities/GeometryUtilities';
-
-import { Mesh } from 'three';
-import { ShaderMaterial } from 'three';
-import { Color } from 'three';
-import { PlaneGeometry } from 'three';
-
-class Grid extends Mesh
-{
-  constructor()
-  {
-    const material = new ShaderMaterial({
-      uniforms: {
-        _Color: { value: new Color('#919191') }
-      },
-      vertexShader: grid_vert,
-      fragmentShader: grid_frag,
-      // @ts-ignore
-      extensions: { derivatives: true },
-      transparent: true,
-      depthWrite: false
-    });
-
-    const plane_geometry = new PlaneGeometry(100, 100, 100, 100);
-
-    const non_indexed_geometry = GeometryUtilities.convert_to_non_indexed_geometry(plane_geometry);
-
-    super(non_indexed_geometry, material);
-
-    this.rotation.x = -3.14 / 2;
-  }
-}
-
-export { Grid };
+// @ts-check
+// @ts-ignore
+import grid_frag from '../shaders/grid/grid.frag';
+// @ts-ignore
+import grid_vert from '../shaders/grid/grid.vert';
+
+import { GeometryUtilities } from '../utilities/GeometryUtilities';
+
+import { Mesh } from 'three';
+import { ShaderMaterial } from 'three';
+import { Color } from 'three';
+import { PlaneGeometry } from 'three';
+
+class Grid extends Mesh
+{
+  constructor()
+  {
+    const material = new ShaderMaterial({
+      uniforms: {
+        _Color: { value: new Color('#919191') }
+      },
+      vertexShader: grid_vert,
+      fragmentShader: grid_frag,
+      // @ts-ignore
+      extensions: { derivatives: true },
+      transparent: true,
+      depthWrite: false
+    });
+
+    const plane_geometry = new PlaneGeometry(100, 100, 100, 100);
+
+    const non_indexed_geometry = GeometryUtilities.convert_to_non_indexed_geometry(plane_geometry);
+
+    super(non_indexed_geometry, material);
+
+    this.rotation.x = -3.14 / 2;
+  }
+}
+
+export { Grid };