ohzi-core 12.5.2 → 12.7.0

package/src/editor/ManipulatorHandle.js

@@ -1,73 +1,73 @@
-import { CameraManager } from '../CameraManager';
-
-import { ArrowHelper } from 'three';
-import { Vector2 } from 'three';
-import { Vector3 } from 'three';
-import { Object3D } from 'three';
-import { BoxGeometry } from 'three';
-import { MeshBasicMaterial } from 'three';
-import { Mesh } from 'three';
-import { Raycaster } from 'three';
-import { OMath } from '../utilities/OMath';
-
-class ManipulatorHandle extends Object3D
-{
-  constructor(direction, color, input)
-  {
-    super();
-
-    this.input = input;
-
-    const length = 10;
-    this.arrow_helper = new ArrowHelper(direction, new Vector3(0, 0, 0), length, color, undefined, 1);
-    this.add(this.arrow_helper);
-
-    const collider_size = new Vector3();
-    collider_size.x = OMath.clamp(direction.x * length, 1, 30);
-    collider_size.y = OMath.clamp(direction.y * length, 1, 30);
-    collider_size.z = OMath.clamp(direction.z * length, 1, 30);
-
-    const geometry = new BoxGeometry(collider_size.x, collider_size.y, collider_size.z);
-    const material = new MeshBasicMaterial({ color: color, depthTest: false, depthWrite: false });
-    material.visible = false;
-    this.box_collider = new Mesh(geometry, material);
-    this.box_collider.position.add(direction.clone().multiplyScalar(length * 0.5));
-    this.add(this.box_collider);
-
-    this.direction = direction;
-    this.raycaster = new Raycaster();
-    this.raycast_result = undefined;
-
-    this.tmp_p1 = new Vector3(0, 0, 0);
-    this.tmp_p2 = new Vector3(0, 0, 0);
-
-    this.tmp_v2 = new Vector2(0, 0);
-
-    this.half_unit_vec = new Vector3(0.5, 0.5, 0.5);
-  }
-
-  is_mouse_over()
-  {
-    this.raycaster.setFromCamera(this.input.NDC, CameraManager.current);
-    this.raycast_result = this.raycaster.intersectObject(this.box_collider);
-    if (this.raycast_result.length > 0)
-    {
-      return true;
-    }
-    return false;
-  }
-
-  get_normalized_screen_direction()
-  {
-    this.getWorldPosition(this.tmp_p1);
-    this.tmp_p2.copy(this.tmp_p1).add(this.direction);
-
-    this.tmp_p1.project(CameraManager.current).multiplyScalar(0.5).add(this.half_unit_vec);
-    this.tmp_p2.project(CameraManager.current).multiplyScalar(0.5).add(this.half_unit_vec);
-
-    this.tmp_p2.sub(this.tmp_p1);
-    return this.tmp_v2.copy(this.tmp_p2).normalize();
-  }
-}
-
-export { ManipulatorHandle };
+import { CameraManager } from '../CameraManager';
+
+import { ArrowHelper } from 'three';
+import { Vector2 } from 'three';
+import { Vector3 } from 'three';
+import { Object3D } from 'three';
+import { BoxGeometry } from 'three';
+import { MeshBasicMaterial } from 'three';
+import { Mesh } from 'three';
+import { Raycaster } from 'three';
+import { OMath } from '../utilities/OMath';
+
+class ManipulatorHandle extends Object3D
+{
+  constructor(direction, color, input)
+  {
+    super();
+
+    this.input = input;
+
+    const length = 10;
+    this.arrow_helper = new ArrowHelper(direction, new Vector3(0, 0, 0), length, color, undefined, 1);
+    this.add(this.arrow_helper);
+
+    const collider_size = new Vector3();
+    collider_size.x = OMath.clamp(direction.x * length, 1, 30);
+    collider_size.y = OMath.clamp(direction.y * length, 1, 30);
+    collider_size.z = OMath.clamp(direction.z * length, 1, 30);
+
+    const geometry = new BoxGeometry(collider_size.x, collider_size.y, collider_size.z);
+    const material = new MeshBasicMaterial({ color: color, depthTest: false, depthWrite: false });
+    material.visible = false;
+    this.box_collider = new Mesh(geometry, material);
+    this.box_collider.position.add(direction.clone().multiplyScalar(length * 0.5));
+    this.add(this.box_collider);
+
+    this.direction = direction;
+    this.raycaster = new Raycaster();
+    this.raycast_result = undefined;
+
+    this.tmp_p1 = new Vector3(0, 0, 0);
+    this.tmp_p2 = new Vector3(0, 0, 0);
+
+    this.tmp_v2 = new Vector2(0, 0);
+
+    this.half_unit_vec = new Vector3(0.5, 0.5, 0.5);
+  }
+
+  is_mouse_over()
+  {
+    this.raycaster.setFromCamera(this.input.NDC, CameraManager.current);
+    this.raycast_result = this.raycaster.intersectObject(this.box_collider);
+    if (this.raycast_result.length > 0)
+    {
+      return true;
+    }
+    return false;
+  }
+
+  get_normalized_screen_direction()
+  {
+    this.getWorldPosition(this.tmp_p1);
+    this.tmp_p2.copy(this.tmp_p1).add(this.direction);
+
+    this.tmp_p1.project(CameraManager.current).multiplyScalar(0.5).add(this.half_unit_vec);
+    this.tmp_p2.project(CameraManager.current).multiplyScalar(0.5).add(this.half_unit_vec);
+
+    this.tmp_p2.sub(this.tmp_p1);
+    return this.tmp_v2.copy(this.tmp_p2).normalize();
+  }
+}
+
+export { ManipulatorHandle };

package/src/editor/ObjectEditor.js

@@ -1,68 +1,68 @@
-import { ObjectManipulator } from './ObjectManipulator';
-import { ObjectPicker } from './ObjectPicker';
-
-import { Raycaster } from 'three';
-
-class ObjectEditor
-{
-  constructor(renderer, scene, camera, input)
-  {
-    this.raycaster = new Raycaster();
-
-    this.selected_object = undefined;
-    this.object_manipulator = new ObjectManipulator(input);
-    this.object_picker = new ObjectPicker(renderer, scene, camera);
-
-    this.scene = scene;
-    this.camera = camera;
-    this.input = input;
-
-    this.selectable_objects = [];
-
-    scene.add(this.object_manipulator);
-  }
-
-  refresh_scene()
-  {
-    this.selectable_objects.length = 0;
-    this.__populate_selectable_objects(this.selectable_objects);
-    this.__set_object_ids(this.selectable_objects);
-  }
-
-  update()
-  {
-    if (this.input.left_mouse_button_pressed)
-    {
-      const x = this.object_picker.pick(this.input.NDC, this.selectable_objects);
-      if (x !== 0)
-      {
-        const selected_obj = this.selectable_objects[x - 1];
-        // this.object_manipulator.position.copy(selected_obj.position);
-        this.object_manipulator.set_target(selected_obj);
-      }
-    }
-
-    this.object_manipulator.update();
-  }
-
-  __populate_selectable_objects(array)
-  {
-    this.scene.traverse((child) =>
-    {
-      if (child.selectable_material)
-      {
-        array.push(child);
-      }
-    });
-  }
-
-  __set_object_ids(array)
-  {
-    for (let i = 0; i < array.length; i++)
-    {
-      array[i].selectable_material.uniforms._Color.value.setHex(i + 1);
-    }
-  }
-}
-
-export { ObjectEditor };
+import { ObjectManipulator } from './ObjectManipulator';
+import { ObjectPicker } from './ObjectPicker';
+
+import { Raycaster } from 'three';
+
+class ObjectEditor
+{
+  constructor(renderer, scene, camera, input)
+  {
+    this.raycaster = new Raycaster();
+
+    this.selected_object = undefined;
+    this.object_manipulator = new ObjectManipulator(input);
+    this.object_picker = new ObjectPicker(renderer, scene, camera);
+
+    this.scene = scene;
+    this.camera = camera;
+    this.input = input;
+
+    this.selectable_objects = [];
+
+    scene.add(this.object_manipulator);
+  }
+
+  refresh_scene()
+  {
+    this.selectable_objects.length = 0;
+    this.__populate_selectable_objects(this.selectable_objects);
+    this.__set_object_ids(this.selectable_objects);
+  }
+
+  update()
+  {
+    if (this.input.left_mouse_button_pressed)
+    {
+      const x = this.object_picker.pick(this.input.NDC, this.selectable_objects);
+      if (x !== 0)
+      {
+        const selected_obj = this.selectable_objects[x - 1];
+        // this.object_manipulator.position.copy(selected_obj.position);
+        this.object_manipulator.set_target(selected_obj);
+      }
+    }
+
+    this.object_manipulator.update();
+  }
+
+  __populate_selectable_objects(array)
+  {
+    this.scene.traverse((child) =>
+    {
+      if (child.selectable_material)
+      {
+        array.push(child);
+      }
+    });
+  }
+
+  __set_object_ids(array)
+  {
+    for (let i = 0; i < array.length; i++)
+    {
+      array[i].selectable_material.uniforms._Color.value.setHex(i + 1);
+    }
+  }
+}
+
+export { ObjectEditor };

package/src/editor/ObjectManipulator.js

@@ -1,112 +1,112 @@
-import { ManipulatorHandle } from '../editor/ManipulatorHandle';
-
-import { Object3D, Vector2, Vector3 } from 'three';
-
-class ObjectManipulator extends Object3D
-{
-  constructor(input)
-  {
-    super();
-    this.input = input;
-    this.target_obj = undefined;
-
-    this.up_handle = new ManipulatorHandle(new Vector3(0, 1, 0), 0x00ff00, input);
-    this.right_handle = new ManipulatorHandle(new Vector3(1, 0, 0), 0xff0000, input);
-    this.forward_handle = new ManipulatorHandle(new Vector3(0, 0, 1), 0x0000ff, input);
-
-    this.add(this.up_handle);
-    this.add(this.right_handle);
-    this.add(this.forward_handle);
-
-    this.active_handle = undefined;
-
-    this.tmp_displacement_vector = new Vector3();
-    this.tmp_local_pos = new Vector3();
-
-    this.target_obj = undefined;
-
-    this.tmp_up_v2 = new Vector2(0, 1);
-    this.tmp_right_v2 = new Vector2(1, 0);
-
-    this.use_vertical_translation = false;
-    this.translation_sign = false;
-
-    this.visible = false;
-  }
-
-  update()
-  {
-    this.check_active_handle();
-
-    if (this.active_handle && this.target_obj)
-    {
-      this.tmp_displacement_vector.copy(this.active_handle.direction);
-      if (this.use_vertical_translation)
-      {
-        this.tmp_displacement_vector.multiplyScalar(-this.input.NDC_delta.y);
-      }
-      else
-      {
-        this.tmp_displacement_vector.multiplyScalar(this.input.NDC_delta.x);
-      }
-
-      this.tmp_displacement_vector.multiplyScalar(this.input.NDC_delta.length() * 250 * this.translation_sign);
-      this.position.add(this.tmp_displacement_vector);
-
-      this.tmp_local_pos.copy(this.position);
-      this.target_obj.parent.worldToLocal(this.tmp_local_pos);
-      this.target_obj.position.copy(this.tmp_local_pos);
-    }
-  }
-
-  set_translation_axis(active_handle)
-  {
-    const vertical = active_handle.get_normalized_screen_direction().dot(this.tmp_up_v2);
-    const horizontal = active_handle.get_normalized_screen_direction().dot(this.tmp_right_v2);
-
-    if (Math.abs(vertical) > Math.abs(horizontal))
-    {
-      this.use_vertical_translation = true;
-      this.translation_sign = Math.sign(vertical);
-    }
-    else
-    {
-      this.use_vertical_translation = false;
-      this.translation_sign = Math.sign(horizontal);
-    }
-  }
-
-  check_active_handle()
-  {
-    if (this.input.left_mouse_button_down && this.active_handle === undefined)
-    {
-      if (this.right_handle.is_mouse_over())
-      {
-        this.active_handle = this.right_handle;
-      }
-      if (this.forward_handle.is_mouse_over())
-      {
-        this.active_handle = this.forward_handle;
-      }
-
-      if (this.active_handle)
-      {
-        this.set_translation_axis(this.active_handle);
-      }
-    }
-
-    if (this.input.left_mouse_button_released)
-    {
-      this.active_handle = undefined;
-    }
-  }
-
-  set_target(obj)
-  {
-    this.target_obj = obj;
-    this.visible = true;
-    obj.getWorldPosition(this.position);
-  }
-}
-
-export { ObjectManipulator };
+import { ManipulatorHandle } from '../editor/ManipulatorHandle';
+
+import { Object3D, Vector2, Vector3 } from 'three';
+
+class ObjectManipulator extends Object3D
+{
+  constructor(input)
+  {
+    super();
+    this.input = input;
+    this.target_obj = undefined;
+
+    this.up_handle = new ManipulatorHandle(new Vector3(0, 1, 0), 0x00ff00, input);
+    this.right_handle = new ManipulatorHandle(new Vector3(1, 0, 0), 0xff0000, input);
+    this.forward_handle = new ManipulatorHandle(new Vector3(0, 0, 1), 0x0000ff, input);
+
+    this.add(this.up_handle);
+    this.add(this.right_handle);
+    this.add(this.forward_handle);
+
+    this.active_handle = undefined;
+
+    this.tmp_displacement_vector = new Vector3();
+    this.tmp_local_pos = new Vector3();
+
+    this.target_obj = undefined;
+
+    this.tmp_up_v2 = new Vector2(0, 1);
+    this.tmp_right_v2 = new Vector2(1, 0);
+
+    this.use_vertical_translation = false;
+    this.translation_sign = false;
+
+    this.visible = false;
+  }
+
+  update()
+  {
+    this.check_active_handle();
+
+    if (this.active_handle && this.target_obj)
+    {
+      this.tmp_displacement_vector.copy(this.active_handle.direction);
+      if (this.use_vertical_translation)
+      {
+        this.tmp_displacement_vector.multiplyScalar(-this.input.NDC_delta.y);
+      }
+      else
+      {
+        this.tmp_displacement_vector.multiplyScalar(this.input.NDC_delta.x);
+      }
+
+      this.tmp_displacement_vector.multiplyScalar(this.input.NDC_delta.length() * 250 * this.translation_sign);
+      this.position.add(this.tmp_displacement_vector);
+
+      this.tmp_local_pos.copy(this.position);
+      this.target_obj.parent.worldToLocal(this.tmp_local_pos);
+      this.target_obj.position.copy(this.tmp_local_pos);
+    }
+  }
+
+  set_translation_axis(active_handle)
+  {
+    const vertical = active_handle.get_normalized_screen_direction().dot(this.tmp_up_v2);
+    const horizontal = active_handle.get_normalized_screen_direction().dot(this.tmp_right_v2);
+
+    if (Math.abs(vertical) > Math.abs(horizontal))
+    {
+      this.use_vertical_translation = true;
+      this.translation_sign = Math.sign(vertical);
+    }
+    else
+    {
+      this.use_vertical_translation = false;
+      this.translation_sign = Math.sign(horizontal);
+    }
+  }
+
+  check_active_handle()
+  {
+    if (this.input.left_mouse_button_down && this.active_handle === undefined)
+    {
+      if (this.right_handle.is_mouse_over())
+      {
+        this.active_handle = this.right_handle;
+      }
+      if (this.forward_handle.is_mouse_over())
+      {
+        this.active_handle = this.forward_handle;
+      }
+
+      if (this.active_handle)
+      {
+        this.set_translation_axis(this.active_handle);
+      }
+    }
+
+    if (this.input.left_mouse_button_released)
+    {
+      this.active_handle = undefined;
+    }
+  }
+
+  set_target(obj)
+  {
+    this.target_obj = obj;
+    this.visible = true;
+    obj.getWorldPosition(this.position);
+  }
+}
+
+export { ObjectManipulator };

package/src/editor/ObjectPicker.js

@@ -1,77 +1,77 @@
-import { RenderLayers } from '../RenderLayers';
-import { OScreen } from '../OScreen';
-
-import { Color } from 'three';
-import { WebGLRenderTarget } from 'three';
-import { Vector2 } from 'three';
-
-class ObjectPicker
-{
-  constructor(renderer, scene, camera)
-  {
-    this.renderer = renderer;
-    this.readback_buffer = new Uint8Array(4);
-    this.scene = scene;
-    this.camera = camera;
-    this.camera_layers = camera.layers;
-
-    this.clear_color = new Color('#000000');
-    this.picking_texture = new WebGLRenderTarget(OScreen.width, OScreen.height);
-    this.tmp_scene_auto_update = undefined;
-
-    this.tmp_mouse_pos = new Vector2();
-  }
-
-  pick(mouse_NDC, objects)
-  {
-    this.__prepare_scene(objects);
-    this.renderer.setRenderTarget(this.picking_texture);
-    this.renderer.setClearColor(this.clear_color, 1);
-    this.renderer.clear();
-    this.renderer.render(this.scene, this.camera, this.picking_texture);
-    this.renderer.setRenderTarget();
-
-    this.__restore_scene(objects);
-
-    return this.__readback_id(mouse_NDC);
-  }
-
-  __prepare_scene(objects)
-  {
-    for (let i = 0; i < objects.length; i++)
-    {
-      objects[i].material = objects[i].selectable_material;
-      objects[i].store_layer_state();
-      objects[i].layers.set(RenderLayers.selectable);
-    }
-
-    this.camera_layers = this.camera.layers.mask;
-    this.camera.layers.set(RenderLayers.selectable);
-    this.tmp_scene_auto_update = this.scene.matrixWorldAutoUpdate;
-    this.scene.matrixWorldAutoUpdate = false;
-  }
-
-  __restore_scene(objects)
-  {
-    for (let i = 0; i < objects.length; i++)
-    {
-      objects[i].restore_material();
-      objects[i].restore_layer_state();
-    }
-    this.camera.layers.mask = this.camera_layers;
-    this.scene.matrixWorldAutoUpdate = this.tmp_scene_auto_update;
-  }
-
-  __readback_id(mouse_NDC)
-  {
-    this.tmp_mouse_pos.copy(mouse_NDC);
-    this.tmp_mouse_pos.multiplyScalar(0.5);
-    this.tmp_mouse_pos.x = (this.tmp_mouse_pos.x + 0.5) * OScreen.width;
-    this.tmp_mouse_pos.y = (this.tmp_mouse_pos.y + 0.5) * OScreen.height;
-    this.renderer.readRenderTargetPixels(this.picking_texture, this.tmp_mouse_pos.x, this.tmp_mouse_pos.y, 1, 1, this.readback_buffer);
-
-    return (this.readback_buffer[2]) | (this.readback_buffer[1] << 8) | (this.readback_buffer[0] << 16);
-  }
-}
-
-export { ObjectPicker };
+import { RenderLayers } from '../RenderLayers';
+import { OScreen } from '../OScreen';
+
+import { Color } from 'three';
+import { WebGLRenderTarget } from 'three';
+import { Vector2 } from 'three';
+
+class ObjectPicker
+{
+  constructor(renderer, scene, camera)
+  {
+    this.renderer = renderer;
+    this.readback_buffer = new Uint8Array(4);
+    this.scene = scene;
+    this.camera = camera;
+    this.camera_layers = camera.layers;
+
+    this.clear_color = new Color('#000000');
+    this.picking_texture = new WebGLRenderTarget(OScreen.width, OScreen.height);
+    this.tmp_scene_auto_update = undefined;
+
+    this.tmp_mouse_pos = new Vector2();
+  }
+
+  pick(mouse_NDC, objects)
+  {
+    this.__prepare_scene(objects);
+    this.renderer.setRenderTarget(this.picking_texture);
+    this.renderer.setClearColor(this.clear_color, 1);
+    this.renderer.clear();
+    this.renderer.render(this.scene, this.camera, this.picking_texture);
+    this.renderer.setRenderTarget();
+
+    this.__restore_scene(objects);
+
+    return this.__readback_id(mouse_NDC);
+  }
+
+  __prepare_scene(objects)
+  {
+    for (let i = 0; i < objects.length; i++)
+    {
+      objects[i].material = objects[i].selectable_material;
+      objects[i].store_layer_state();
+      objects[i].layers.set(RenderLayers.selectable);
+    }
+
+    this.camera_layers = this.camera.layers.mask;
+    this.camera.layers.set(RenderLayers.selectable);
+    this.tmp_scene_auto_update = this.scene.matrixWorldAutoUpdate;
+    this.scene.matrixWorldAutoUpdate = false;
+  }
+
+  __restore_scene(objects)
+  {
+    for (let i = 0; i < objects.length; i++)
+    {
+      objects[i].restore_material();
+      objects[i].restore_layer_state();
+    }
+    this.camera.layers.mask = this.camera_layers;
+    this.scene.matrixWorldAutoUpdate = this.tmp_scene_auto_update;
+  }
+
+  __readback_id(mouse_NDC)
+  {
+    this.tmp_mouse_pos.copy(mouse_NDC);
+    this.tmp_mouse_pos.multiplyScalar(0.5);
+    this.tmp_mouse_pos.x = (this.tmp_mouse_pos.x + 0.5) * OScreen.width;
+    this.tmp_mouse_pos.y = (this.tmp_mouse_pos.y + 0.5) * OScreen.height;
+    this.renderer.readRenderTargetPixels(this.picking_texture, this.tmp_mouse_pos.x, this.tmp_mouse_pos.y, 1, 1, this.readback_buffer);
+
+    return (this.readback_buffer[2]) | (this.readback_buffer[1] << 8) | (this.readback_buffer[0] << 16);
+  }
+}
+
+export { ObjectPicker };

package/src/editor/shaders/object_picker.frag

@@ -1,6 +1,6 @@
-uniform vec3 _Color;
-
-void main()
-{
-    gl_FragColor = vec4(_Color, 1.0);
+uniform vec3 _Color;
+
+void main()
+{
+    gl_FragColor = vec4(_Color, 1.0);
 }