ohzi-core 6.1.2 → 6.2.1

package/src/editor/shaders/object_picker.vert

@@ -1,8 +1,8 @@
-void main()
-{
-  vec3 pos = position;
-  mat4 MVP = projectionMatrix * modelViewMatrix;
-
-  gl_Position = MVP * vec4( pos, 1.0 );
-  //gl_Position.zw -= 0.1;
+void main()
+{
+  vec3 pos = position;
+  mat4 MVP = projectionMatrix * modelViewMatrix;
+
+  gl_Position = MVP * vec4( pos, 1.0 );
+  //gl_Position.zw -= 0.1;
 }

package/src/gpu_particles/GPUParticleSystem.js

@@ -1,87 +1,87 @@
-import { Object3D } from 'three';
-import { BufferAttribute } from 'three';
-import { Points } from 'three';
-
-export default class GPUParticleSystem extends Object3D
-{
-  constructor()
-  {
-    super();
-    this.attributes = [];
-
-    this.particles = undefined;
-  }
-
-  set_from_geometry(geometry, material, init_attribute_uvs)
-  {
-    // let position = new ParticlePositionAttribute("_Position");
-    if (init_attribute_uvs && geometry.getAttribute('storage_uv') === undefined)
-    {
-      let uv_storage_attr = this.build_uv_storage_attribute(geometry.getAttribute('position').count);
-      geometry.setAttribute('storage_uv', uv_storage_attr);
-    }
-    // position.init_from_geometry(geometry);
-    // this.attributes.push(position);
-
-    // material.uniforms._Position.value = position.read.texture;
-
-    let points = new Points(geometry, material);
-    points.frustumCulled = false;
-    this.particles = points;
-
-    this.add(points);
-  }
-
-  add_texture_attribute(buffer_attribute)
-  {
-
-  }
-
-  add_attribute(name, buffer_attribute)
-  {
-
-  }
-
-  build_uv_storage_attribute(particle_count)
-  {
-    let resolution = this.calculate_resolution(particle_count);
-    let uvs = new Float32Array(particle_count * 2);
-    for (let i = 0, j = 0; i < particle_count * 2; i += 2, j++)
-    {
-      uvs[i] = ((j % resolution) / resolution) + (0.5 / resolution);
-      uvs[i + 1] = (Math.floor(j / resolution) / resolution) + (0.5 / resolution);
-    }
-
-    return new BufferAttribute(uvs, 2);
-  }
-
-  calculate_resolution(particle_count)
-  {
-    return Math.ceil(Math.sqrt(particle_count));
-  }
-
-  update()
-  {
-    for (let i = 0; i < this.attributes.length; i++)
-    {
-      this.attributes[i].update();
-    }
-  }
-
-  set_attribute_update_material(attribute_name, mat)
-  {
-    for (let i = 0; i < this.attributes.length; i++)
-    {
-      if (this.attributes[i].name === attribute_name)
-      {
-        this.attributes[i].update_material = mat;
-      }
-    }
-  }
-
-  dispose()
-  {
-    this.particles.geometry.dispose();
-    this.particles.material.dispose();
-  }
-}
+import { Object3D } from 'three';
+import { BufferAttribute } from 'three';
+import { Points } from 'three';
+
+export default class GPUParticleSystem extends Object3D
+{
+  constructor()
+  {
+    super();
+    this.attributes = [];
+
+    this.particles = undefined;
+  }
+
+  set_from_geometry(geometry, material, init_attribute_uvs)
+  {
+    // let position = new ParticlePositionAttribute("_Position");
+    if (init_attribute_uvs && geometry.getAttribute('storage_uv') === undefined)
+    {
+      let uv_storage_attr = this.build_uv_storage_attribute(geometry.getAttribute('position').count);
+      geometry.setAttribute('storage_uv', uv_storage_attr);
+    }
+    // position.init_from_geometry(geometry);
+    // this.attributes.push(position);
+
+    // material.uniforms._Position.value = position.read.texture;
+
+    let points = new Points(geometry, material);
+    points.frustumCulled = false;
+    this.particles = points;
+
+    this.add(points);
+  }
+
+  add_texture_attribute(buffer_attribute)
+  {
+
+  }
+
+  add_attribute(name, buffer_attribute)
+  {
+
+  }
+
+  build_uv_storage_attribute(particle_count)
+  {
+    let resolution = this.calculate_resolution(particle_count);
+    let uvs = new Float32Array(particle_count * 2);
+    for (let i = 0, j = 0; i < particle_count * 2; i += 2, j++)
+    {
+      uvs[i] = ((j % resolution) / resolution) + (0.5 / resolution);
+      uvs[i + 1] = (Math.floor(j / resolution) / resolution) + (0.5 / resolution);
+    }
+
+    return new BufferAttribute(uvs, 2);
+  }
+
+  calculate_resolution(particle_count)
+  {
+    return Math.ceil(Math.sqrt(particle_count));
+  }
+
+  update()
+  {
+    for (let i = 0; i < this.attributes.length; i++)
+    {
+      this.attributes[i].update();
+    }
+  }
+
+  set_attribute_update_material(attribute_name, mat)
+  {
+    for (let i = 0; i < this.attributes.length; i++)
+    {
+      if (this.attributes[i].name === attribute_name)
+      {
+        this.attributes[i].update_material = mat;
+      }
+    }
+  }
+
+  dispose()
+  {
+    this.particles.geometry.dispose();
+    this.particles.material.dispose();
+  }
+}

package/src/gpu_particles/ParticleAttribute.js

@@ -1,83 +1,83 @@
-import Graphics from '../Graphics';
-
-import { Scene } from 'three';
-import { NearestFilter } from 'three';
-import { RGBAFormat } from 'three';
-import { LinearEncoding } from 'three';
-import { HalfFloatType } from 'three';
-import { FloatType } from 'three';
-import { WebGLRenderTarget } from 'three';
-import { Points } from 'three';
-
-export default class ParticleAttribute
-{
-  constructor(attr_name)
-  {
-    this.read = undefined;
-    this.write = undefined;
-
-    this.name = attr_name;
-
-    this.update_material = undefined;
-
-    this.update_scene = new Scene();
-  }
-
-  init_from_geometry(geometry)
-  {
-    // overrided by inheritance
-  }
-
-  init_from_attribute(particle_attribute)
-  {
-
-  }
-
-  build_RT(particle_count)
-  {
-    let resolution = this.calculate_resolution(particle_count);
-    let options = {
-      minFilter: NearestFilter,
-      magFilter: NearestFilter,
-      format: RGBAFormat,
-      encoding: LinearEncoding,
-      type: (/(iPad|iPhone|iPod)/g.test(navigator.userAgent)) ? HalfFloatType : FloatType,
-      stencilBuffer: false,
-      depthBuffer: false
-    };
-
-    return new WebGLRenderTarget(resolution, resolution, options);
-  }
-
-  calculate_resolution(particle_count)
-  {
-    return Math.ceil(Math.sqrt(particle_count));
-  }
-
-  swap_RT()
-  {
-    let tmp = this.read;
-    this.read = this.write;
-    this.write = tmp;
-  }
-
-  update()
-  {
-    if (this.update_material)
-    {
-      Graphics.blit(this.read, this.write, this.update_material);
-      this.swap_RT();
-    }
-  }
-
-  render_geometry_to_RT(geometry, material, RT)
-  {
-    let points = new Points(geometry, material);
-    points.frustumCulled = false;
-    // let scene = new Scene();
-    // scene.add( points );
-    this.update_scene.add(points);
-    Graphics.render(this.update_scene, undefined, RT);
-    // Graphics.render(scene, undefined, RT);
-  }
-}
+import Graphics from '../Graphics';
+
+import { Scene } from 'three';
+import { NearestFilter } from 'three';
+import { RGBAFormat } from 'three';
+import { LinearEncoding } from 'three';
+import { HalfFloatType } from 'three';
+import { FloatType } from 'three';
+import { WebGLRenderTarget } from 'three';
+import { Points } from 'three';
+
+export default class ParticleAttribute
+{
+  constructor(attr_name)
+  {
+    this.read = undefined;
+    this.write = undefined;
+
+    this.name = attr_name;
+
+    this.update_material = undefined;
+
+    this.update_scene = new Scene();
+  }
+
+  init_from_geometry(geometry)
+  {
+    // overrided by inheritance
+  }
+
+  init_from_attribute(particle_attribute)
+  {
+
+  }
+
+  build_RT(particle_count)
+  {
+    let resolution = this.calculate_resolution(particle_count);
+    let options = {
+      minFilter: NearestFilter,
+      magFilter: NearestFilter,
+      format: RGBAFormat,
+      encoding: LinearEncoding,
+      type: (/(iPad|iPhone|iPod)/g.test(navigator.userAgent)) ? HalfFloatType : FloatType,
+      stencilBuffer: false,
+      depthBuffer: false
+    };
+
+    return new WebGLRenderTarget(resolution, resolution, options);
+  }
+
+  calculate_resolution(particle_count)
+  {
+    return Math.ceil(Math.sqrt(particle_count));
+  }
+
+  swap_RT()
+  {
+    let tmp = this.read;
+    this.read = this.write;
+    this.write = tmp;
+  }
+
+  update()
+  {
+    if (this.update_material)
+    {
+      Graphics.blit(this.read, this.write, this.update_material);
+      this.swap_RT();
+    }
+  }
+
+  render_geometry_to_RT(geometry, material, RT)
+  {
+    let points = new Points(geometry, material);
+    points.frustumCulled = false;
+    // let scene = new Scene();
+    // scene.add( points );
+    this.update_scene.add(points);
+    Graphics.render(this.update_scene, undefined, RT);
+    // Graphics.render(scene, undefined, RT);
+  }
+}

package/src/gpu_particles/ParticlePositionAttribute.js

@@ -1,20 +1,20 @@
-import ParticleAttribute from '../gpu_particles/ParticleAttribute';
-import PositionStorageMaterial from '../materials/gpu_particles/PositionStorageMaterial';
-
-export default class ParticlePositionAttribute extends ParticleAttribute
-{
-  constructor()
-  {
-    super('_Position');
-  }
-
-  init_from_geometry(geometry)
-  {
-    let pos_attr = geometry.getAttribute('position');
-    this.read    = this.build_RT(pos_attr.count);
-    this.write   = this.build_RT(pos_attr.count);
-
-    let mat = new PositionStorageMaterial();
-    this.render_geometry_to_RT(geometry, mat, this.read);
-  }
-}
+import ParticleAttribute from '../gpu_particles/ParticleAttribute';
+import PositionStorageMaterial from '../materials/gpu_particles/PositionStorageMaterial';
+
+export default class ParticlePositionAttribute extends ParticleAttribute
+{
+  constructor()
+  {
+    super('_Position');
+  }
+
+  init_from_geometry(geometry)
+  {
+    let pos_attr = geometry.getAttribute('position');
+    this.read    = this.build_RT(pos_attr.count);
+    this.write   = this.build_RT(pos_attr.count);
+
+    let mat = new PositionStorageMaterial();
+    this.render_geometry_to_RT(geometry, mat, this.read);
+  }
+}

package/src/html_utilities/CSSAnimator.js

@@ -1,64 +1,64 @@
-import Animating from './css_animator_states/Animating';
-import Idle from './css_animator_states/Idle';
-import EasingFunctions from '../utilities/EasingFunctions';
-
-export default class CSSAnimator
-{
-  constructor({
-    element,
-    css_property,
-    from = 0,
-    to = 1,
-    duration = 1,
-    value_prefix = '',
-    value_suffix =  '',
-    easing_function = EasingFunctions.ease_in_out_cubic,
-    finished_callback = () =>
-    {}
-  })
-  {
-    this.element = element;
-    this.css_property = css_property;
-    this.from = from;
-    this.to = to;
-    this.value_prefix = value_prefix;
-    this.value_suffix = value_suffix;
-    this.duration = duration;
-    this.easing_function = easing_function;
-    this.finished_callback = finished_callback;
-
-    this.current_state = new Idle();
-  }
-
-  animate()
-  {
-    this.set_current_state(new Animating());
-  }
-
-  stop()
-  {
-    this.set_current_state(new Idle());
-  }
-
-  set_property_value(value)
-  {
-    this.element.style[this.css_property] = `${this.value_prefix}${value}${this.value_suffix}`;
-  }
-
-  update()
-  {
-    this.current_state.update(this);
-  }
-
-  get is_animating()
-  {
-    return this.current_state.is_animating;
-  }
-
-  set_current_state(state)
-  {
-    this.current_state.on_exit(this);
-    this.current_state = state;
-    this.current_state.on_enter(this);
-  }
-}
+import Animating from './css_animator_states/Animating';
+import Idle from './css_animator_states/Idle';
+import EasingFunctions from '../utilities/EasingFunctions';
+
+export default class CSSAnimator
+{
+  constructor({
+    element,
+    css_property,
+    from = 0,
+    to = 1,
+    duration = 1,
+    value_prefix = '',
+    value_suffix =  '',
+    easing_function = EasingFunctions.ease_in_out_cubic,
+    finished_callback = () =>
+    {}
+  })
+  {
+    this.element = element;
+    this.css_property = css_property;
+    this.from = from;
+    this.to = to;
+    this.value_prefix = value_prefix;
+    this.value_suffix = value_suffix;
+    this.duration = duration;
+    this.easing_function = easing_function;
+    this.finished_callback = finished_callback;
+
+    this.current_state = new Idle();
+  }
+
+  animate()
+  {
+    this.set_current_state(new Animating());
+  }
+
+  stop()
+  {
+    this.set_current_state(new Idle());
+  }
+
+  set_property_value(value)
+  {
+    this.element.style[this.css_property] = `${this.value_prefix}${value}${this.value_suffix}`;
+  }
+
+  update()
+  {
+    this.current_state.update(this);
+  }
+
+  get is_animating()
+  {
+    return this.current_state.is_animating;
+  }
+
+  set_current_state(state)
+  {
+    this.current_state.on_exit(this);
+    this.current_state = state;
+    this.current_state.on_enter(this);
+  }
+}

package/src/html_utilities/css_animator_states/Animating.js

@@ -1,45 +1,45 @@
-import Time from '../../Time';
-import Idle from './Idle';
-
-import { Math as TMath } from 'three';
-
-export default class Animating
-{
-  constructor()
-  {
-    this.t = 0;
-    this.easing_function_t = 0;
-  }
-
-  get is_animating()
-  {
-    return true;
-  }
-
-  on_enter(animator)
-  {
-  }
-
-  update(animator)
-  {
-    this.t += Time.delta_time / animator.duration;
-
-    this.easing_function_t = animator.easing_function(this.t);
-    this.easing_function_t = TMath.clamp(this.easing_function_t, 0, 1);
-
-    animator.set_property_value(TMath.lerp(animator.from, animator.to, this.easing_function_t));
-
-    if (this.easing_function_t >= 0.9999)
-    {
-      animator.set_property_value(animator.to);
-
-      animator.set_current_state(new Idle());
-      animator.finished_callback(animator);
-    }
-  }
-
-  on_exit(view)
-  {
-
-  }
-}
+import Time from '../../Time';
+import Idle from './Idle';
+
+import { Math as TMath } from 'three';
+
+export default class Animating
+{
+  constructor()
+  {
+    this.t = 0;
+    this.easing_function_t = 0;
+  }
+
+  get is_animating()
+  {
+    return true;
+  }
+
+  on_enter(animator)
+  {
+  }
+
+  update(animator)
+  {
+    this.t += Time.delta_time / animator.duration;
+
+    this.easing_function_t = animator.easing_function(this.t);
+    this.easing_function_t = TMath.clamp(this.easing_function_t, 0, 1);
+
+    animator.set_property_value(TMath.lerp(animator.from, animator.to, this.easing_function_t));
+
+    if (this.easing_function_t >= 0.9999)
+    {
+      animator.set_property_value(animator.to);
+
+      animator.set_current_state(new Idle());
+      animator.finished_callback(animator);
+    }
+  }
+
+  on_exit(view)
+  {
+
+  }
+}

package/src/html_utilities/css_animator_states/Idle.js

@@ -1,25 +1,25 @@
-export default class Idle
-{
-  constructor()
-  {
-  }
-
-  get is_animating()
-  {
-    return false;
-  }
-
-  on_enter(view)
-  {
-
-  }
-
-  update(view)
-  {
-  }
-
-  on_exit(view)
-  {
-
-  }
-}
+export default class Idle
+{
+  constructor()
+  {
+  }
+
+  get is_animating()
+  {
+    return false;
+  }
+
+  on_enter(view)
+  {
+
+  }
+
+  update(view)
+  {
+  }
+
+  on_exit(view)
+  {
+
+  }
+}