ohzi-core 6.1.2 → 6.2.1

package/src/UI.js

@@ -1,90 +1,90 @@
-import Input from './Input';
-import CameraManager from './CameraManager';
-import Graphics from './Graphics';
-
-import { Vector2 } from 'three';
-import { Scene } from 'three';
-import { OrthographicCamera } from 'three';
-
-class UI
-{
-  init()
-  {
-    this.ui_elements = [];
-    this._tmp_normalized_pos = new Vector2();
-    this.ss_scene = new Scene();
-    this.ss_scene.autoUpdate = false;
-    this.ss_scene.frustumCulled = false;
-
-    this.ws_scene = new Scene();
-    this.ws_scene.autoUpdate = false;
-    this.ws_scene.frustumCulled = false;
-
-    this.ss_camera = new OrthographicCamera(-1, 1, 1, -1, -100, 100);
-  }
-
-  delete_element(elem)
-  {
-    let index = this.ui_elements.indexOf(elem);
-    if (index > -1)
-    {
-      this.ui_elements.splice(index, 1);
-    }
-
-    this.ss_scene.remove(elem);
-    this.ws_scene.remove(elem);
-
-    elem.dispose();
-  }
-
-  add_screen_space_element(elem)
-  {
-    this.ui_elements.push(elem);
-    this.ss_scene.add(elem);
-
-    elem.set_screen_space_coordinate_system();
-  }
-
-  add_world_space_element(elem)
-  {
-    this.ui_elements.push(elem);
-    this.ws_scene.add(elem);
-
-    elem.set_world_space_coordinate_system();
-  }
-
-  update()
-  {
-    // this.ss_camera.left     = -Screen.width / 2;
-    // this.ss_camera.right    = Screen.width / 2;
-    // this.ss_camera.top      = Screen.top / 2;
-    // this.ss_camera.right    = -Screen.bottom / 2;
-    this.ss_camera.updateProjectionMatrix();
-
-    this._tmp_normalized_pos.copy(Input.NDC);
-    for (let i = 0; i < this.ui_elements.length; i++)
-    {
-      this.ui_elements[i].update_state(this._tmp_normalized_pos);
-    }
-  }
-
-  render(renderer)
-  {
-    // renderer.render_ui(this.scene);
-    if (this.ss_scene.children.length > 0)
-    {
-      Graphics.render(this.ss_scene, this.ss_camera);
-    }
-    if (this.ws_scene.children.length > 0)
-    {
-      Graphics.render(this.ws_scene, CameraManager.current);
-    }
-  }
-
-  clear()
-  {
-    this.current_clicked_element = undefined;
-  }
-}
-
-export default new UI();
+import Input from './Input';
+import CameraManager from './CameraManager';
+import Graphics from './Graphics';
+
+import { Vector2 } from 'three';
+import { Scene } from 'three';
+import { OrthographicCamera } from 'three';
+
+class UI
+{
+  init()
+  {
+    this.ui_elements = [];
+    this._tmp_normalized_pos = new Vector2();
+    this.ss_scene = new Scene();
+    this.ss_scene.autoUpdate = false;
+    this.ss_scene.frustumCulled = false;
+
+    this.ws_scene = new Scene();
+    this.ws_scene.autoUpdate = false;
+    this.ws_scene.frustumCulled = false;
+
+    this.ss_camera = new OrthographicCamera(-1, 1, 1, -1, -100, 100);
+  }
+
+  delete_element(elem)
+  {
+    let index = this.ui_elements.indexOf(elem);
+    if (index > -1)
+    {
+      this.ui_elements.splice(index, 1);
+    }
+
+    this.ss_scene.remove(elem);
+    this.ws_scene.remove(elem);
+
+    elem.dispose();
+  }
+
+  add_screen_space_element(elem)
+  {
+    this.ui_elements.push(elem);
+    this.ss_scene.add(elem);
+
+    elem.set_screen_space_coordinate_system();
+  }
+
+  add_world_space_element(elem)
+  {
+    this.ui_elements.push(elem);
+    this.ws_scene.add(elem);
+
+    elem.set_world_space_coordinate_system();
+  }
+
+  update()
+  {
+    // this.ss_camera.left     = -Screen.width / 2;
+    // this.ss_camera.right    = Screen.width / 2;
+    // this.ss_camera.top      = Screen.top / 2;
+    // this.ss_camera.right    = -Screen.bottom / 2;
+    this.ss_camera.updateProjectionMatrix();
+
+    this._tmp_normalized_pos.copy(Input.NDC);
+    for (let i = 0; i < this.ui_elements.length; i++)
+    {
+      this.ui_elements[i].update_state(this._tmp_normalized_pos);
+    }
+  }
+
+  render(renderer)
+  {
+    // renderer.render_ui(this.scene);
+    if (this.ss_scene.children.length > 0)
+    {
+      Graphics.render(this.ss_scene, this.ss_camera);
+    }
+    if (this.ws_scene.children.length > 0)
+    {
+      Graphics.render(this.ws_scene, CameraManager.current);
+    }
+  }
+
+  clear()
+  {
+    this.current_clicked_element = undefined;
+  }
+}
+
+export default new UI();

package/src/action_sequencer/ActionEvent.js

@@ -1,15 +1,15 @@
-import ViewContext from '../view_components/ViewContext';
-
-export default class ActionEvent
-{
-  constructor(name, method)
-  {
-    this.name = name;
-    this.method = method;
-  }
-
-  trigger()
-  {
-    ViewContext.app[this.name][this.method]();
-  }
-}
+import ViewContext from '../view_components/ViewContext';
+
+export default class ActionEvent
+{
+  constructor(name, method)
+  {
+    this.name = name;
+    this.method = method;
+  }
+
+  trigger()
+  {
+    ViewContext.app[this.name][this.method]();
+  }
+}

package/src/action_sequencer/ActionInterpolator.js

@@ -1,23 +1,23 @@
-import EasingFunctions from '../utilities/EasingFunctions';
-
-export default class ActionInterpolator
-{
-  constructor(easing_function = 'linear')
-  {
-    this.easing_function = undefined;
-
-    if (typeof easing_function === 'string')
-    {
-      this.easing_function = EasingFunctions[easing_function];
-    }
-    else
-    {
-      this.easing_function = easing_function;
-    }
-  }
-
-  update(context, t)
-  {
-
-  }
-}
+import EasingFunctions from '../utilities/EasingFunctions';
+
+export default class ActionInterpolator
+{
+  constructor(easing_function = 'linear')
+  {
+    this.easing_function = undefined;
+
+    if (typeof easing_function === 'string')
+    {
+      this.easing_function = EasingFunctions[easing_function];
+    }
+    else
+    {
+      this.easing_function = easing_function;
+    }
+  }
+
+  update(context, t)
+  {
+
+  }
+}

package/src/action_sequencer/ActionSequencer.js

@@ -1,194 +1,194 @@
-
-import { Math as TMath } from 'three';
-
-export default class ActionSequencer
-{
-  constructor(context)
-  {
-    this.elapsed_time = -0.00001;
-    this.playback_speed = 1;
-    this.playing = false;
-
-    this.action_events = [];
-    this.context = context;
-
-    this.initial_context = JSON.parse(JSON.stringify(context));
-
-    this.tmp_t = 0;
-
-    this.channels = {};
-
-    let channel_names = Object.keys(context);
-    for (let i = 0; i < channel_names.length; i++)
-    {
-      this.channels[channel_names[i]] = [];
-    }
-
-    this.duration = 0;
-  }
-
-  play()
-  {
-    this.playing = true;
-  }
-
-  stop()
-  {
-    this.playing = false;
-  }
-
-  reset()
-  {
-    this.elapsed_time = -0.00001;
-  }
-
-  skip()
-  {
-    let duration = this.get_duration();
-    this.__play_clips(this.elapsed_time, duration + 0.0001);
-    this.elapsed_time = duration;
-  }
-
-  update(delta_time)
-  {
-    if (this.playing)
-    {
-      this.__play_clips(this.elapsed_time, this.elapsed_time + delta_time * this.playback_speed);
-      this.elapsed_time = this.elapsed_time + delta_time * this.playback_speed;
-    }
-  }
-
-  set_progress(time)
-  {
-    this.elapsed_time = TMath.clamp(time, 0, this.duration);
-    this.__play_clips(this.elapsed_time, this.elapsed_time);
-  }
-
-  set_normalized_progress(t)
-  {
-    this.elapsed_time = TMath.clamp(t, 0, 1) * this.duration;
-    this.__play_clips(this.elapsed_time, this.elapsed_time);
-  }
-
-  get_progress()
-  {
-    return TMath.clamp(this.elapsed_time / this.get_duration(), 0, 1);
-  }
-
-  is_finished()
-  {
-    return this.elapsed_time > this.get_duration();
-  }
-
-  add_action_event(trigger_time, action)
-  {
-    this.action_events.push({
-      trigger_time: trigger_time,
-      action: action
-    });
-
-    this.duration = Math.max(this.duration, trigger_time);
-  }
-
-  add_action_interpolator(from, to, interpolator, use_dynamic_from_value = false)
-  {
-    if (use_dynamic_from_value)
-    {
-      let keyframes = this.channels[interpolator.attribute_name];
-
-      if (keyframes === undefined)
-      {
-        console.error(`${interpolator.attribute_name} missing in initial state data.`);
-      }
-
-      if (keyframes.length === 0)
-      {
-        interpolator.from = this.initial_context[interpolator.attribute_name];
-      }
-      else
-      {
-        interpolator.from = keyframes[keyframes.length - 1].interpolator.to;
-      }
-    }
-
-    let keyframe = {
-      from: from,
-      to: to,
-      interpolator: interpolator
-    };
-
-    this.duration = Math.max(this.duration, to);
-    this.channels[interpolator.attribute_name].push(keyframe);
-  }
-
-  get_property_target_value(name)
-  {
-    let keyframe = this.__get_nearest_keyframe(name, this.elapsed_time);
-
-    if (this.elapsed_time < keyframe.from)
-    {
-      return keyframe.interpolator.evaluate(0);
-    }
-
-    return keyframe.interpolator.evaluate(1);
-  }
-
-  get_duration()
-  {
-    return this.duration;
-  }
-
-  __play_clips(from, to)
-  {
-    for (let i = 0; i < this.action_events.length; i++)
-    {
-      if (this.action_events[i].trigger_time > from - Number.EPSILON &&
-          this.action_events[i].trigger_time < to   + Number.EPSILON)
-      {
-        // console.log("Play event: " + this.action_events[i].action.constructor.name + " at "+  this.action_events[i].trigger_time);
-        this.action_events[i].action.trigger();
-      }
-    }
-    let channel_names = Object.keys(this.initial_context);
-
-    for (let i = 0; i < channel_names.length; i++)
-    {
-      let name = channel_names[i];
-      let keyframe = this.__get_nearest_keyframe(name, from);
-      this.context[name] = this.evaluate_keyframe(keyframe, from);
-    }
-  }
-
-  evaluate_keyframe(keyframe, time)
-  {
-    this.tmp_t = this.__linear_map_01(time, keyframe.from, keyframe.to);
-    return keyframe.interpolator.evaluate(TMath.clamp(this.tmp_t, 0, 1));
-  }
-
-  __linear_map_01(value,
-    from_range_start_value,
-    from_range_end_value)
-  {
-    return ((value - from_range_start_value) / (from_range_end_value - from_range_start_value)) * (1 - 0) + 0;
-  }
-
-  __get_nearest_keyframe(channel_name, time)
-  {
-    let closest = undefined;
-    let min_time = 9999999;
-    let keyframes = this.channels[channel_name];
-    for (let i = 0; i < keyframes.length; i++)
-    {
-      let keyframe = keyframes[i];
-      let middle_time = (keyframe.to - keyframe.from) / 2 + keyframe.from;
-      let distance_to_middle_time = Math.abs(time - middle_time);
-
-      if (distance_to_middle_time < min_time)
-      {
-        min_time = distance_to_middle_time;
-        closest = keyframe;
-      }
-    }
-    return closest;
-  }
-}
+
+import { Math as TMath } from 'three';
+
+export default class ActionSequencer
+{
+  constructor(context)
+  {
+    this.elapsed_time = -0.00001;
+    this.playback_speed = 1;
+    this.playing = false;
+
+    this.action_events = [];
+    this.context = context;
+
+    this.initial_context = JSON.parse(JSON.stringify(context));
+
+    this.tmp_t = 0;
+
+    this.channels = {};
+
+    let channel_names = Object.keys(context);
+    for (let i = 0; i < channel_names.length; i++)
+    {
+      this.channels[channel_names[i]] = [];
+    }
+
+    this.duration = 0;
+  }
+
+  play()
+  {
+    this.playing = true;
+  }
+
+  stop()
+  {
+    this.playing = false;
+  }
+
+  reset()
+  {
+    this.elapsed_time = -0.00001;
+  }
+
+  skip()
+  {
+    let duration = this.get_duration();
+    this.__play_clips(this.elapsed_time, duration + 0.0001);
+    this.elapsed_time = duration;
+  }
+
+  update(delta_time)
+  {
+    if (this.playing)
+    {
+      this.__play_clips(this.elapsed_time, this.elapsed_time + delta_time * this.playback_speed);
+      this.elapsed_time = this.elapsed_time + delta_time * this.playback_speed;
+    }
+  }
+
+  set_progress(time)
+  {
+    this.elapsed_time = TMath.clamp(time, 0, this.duration);
+    this.__play_clips(this.elapsed_time, this.elapsed_time);
+  }
+
+  set_normalized_progress(t)
+  {
+    this.elapsed_time = TMath.clamp(t, 0, 1) * this.duration;
+    this.__play_clips(this.elapsed_time, this.elapsed_time);
+  }
+
+  get_progress()
+  {
+    return TMath.clamp(this.elapsed_time / this.get_duration(), 0, 1);
+  }
+
+  is_finished()
+  {
+    return this.elapsed_time > this.get_duration();
+  }
+
+  add_action_event(trigger_time, action)
+  {
+    this.action_events.push({
+      trigger_time: trigger_time,
+      action: action
+    });
+
+    this.duration = Math.max(this.duration, trigger_time);
+  }
+
+  add_action_interpolator(from, to, interpolator, use_dynamic_from_value = false)
+  {
+    if (use_dynamic_from_value)
+    {
+      let keyframes = this.channels[interpolator.attribute_name];
+
+      if (keyframes === undefined)
+      {
+        console.error(`${interpolator.attribute_name} missing in initial state data.`);
+      }
+
+      if (keyframes.length === 0)
+      {
+        interpolator.from = this.initial_context[interpolator.attribute_name];
+      }
+      else
+      {
+        interpolator.from = keyframes[keyframes.length - 1].interpolator.to;
+      }
+    }
+
+    let keyframe = {
+      from: from,
+      to: to,
+      interpolator: interpolator
+    };
+
+    this.duration = Math.max(this.duration, to);
+    this.channels[interpolator.attribute_name].push(keyframe);
+  }
+
+  get_property_target_value(name)
+  {
+    let keyframe = this.__get_nearest_keyframe(name, this.elapsed_time);
+
+    if (this.elapsed_time < keyframe.from)
+    {
+      return keyframe.interpolator.evaluate(0);
+    }
+
+    return keyframe.interpolator.evaluate(1);
+  }
+
+  get_duration()
+  {
+    return this.duration;
+  }
+
+  __play_clips(from, to)
+  {
+    for (let i = 0; i < this.action_events.length; i++)
+    {
+      if (this.action_events[i].trigger_time > from - Number.EPSILON &&
+          this.action_events[i].trigger_time < to   + Number.EPSILON)
+      {
+        // console.log("Play event: " + this.action_events[i].action.constructor.name + " at "+  this.action_events[i].trigger_time);
+        this.action_events[i].action.trigger();
+      }
+    }
+    let channel_names = Object.keys(this.initial_context);
+
+    for (let i = 0; i < channel_names.length; i++)
+    {
+      let name = channel_names[i];
+      let keyframe = this.__get_nearest_keyframe(name, from);
+      this.context[name] = this.evaluate_keyframe(keyframe, from);
+    }
+  }
+
+  evaluate_keyframe(keyframe, time)
+  {
+    this.tmp_t = this.__linear_map_01(time, keyframe.from, keyframe.to);
+    return keyframe.interpolator.evaluate(TMath.clamp(this.tmp_t, 0, 1));
+  }
+
+  __linear_map_01(value,
+    from_range_start_value,
+    from_range_end_value)
+  {
+    return ((value - from_range_start_value) / (from_range_end_value - from_range_start_value)) * (1 - 0) + 0;
+  }
+
+  __get_nearest_keyframe(channel_name, time)
+  {
+    let closest = undefined;
+    let min_time = 9999999;
+    let keyframes = this.channels[channel_name];
+    for (let i = 0; i < keyframes.length; i++)
+    {
+      let keyframe = keyframes[i];
+      let middle_time = (keyframe.to - keyframe.from) / 2 + keyframe.from;
+      let distance_to_middle_time = Math.abs(time - middle_time);
+
+      if (distance_to_middle_time < min_time)
+      {
+        min_time = distance_to_middle_time;
+        closest = keyframe;
+      }
+    }
+    return closest;
+  }
+}