ohzi-core 12.5.2 → 12.7.0

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,111 +1,111 @@
-import { Object3D } from 'three';
-import { BufferAttribute } from 'three';
-import { PlaneGeometry } from 'three';
-import { Mesh } from 'three';
-import { BufferGeometry } from 'three';
-import { Scene } from 'three';
-import { Points } from 'three';
-import { InstancedBufferGeometry } from 'three';
-import { InstancedBufferAttribute } from 'three';
-import { ParticleAttribute } from './ParticleAttribute';
-
-class GPUParticleSystem extends Object3D
-{
-  constructor(particle_count, material)
-  {
-    super();
-    this.attributes = [];
-
-    this.mesh = this.build_point_mesh(particle_count, material);
-    this.add(this.mesh);
-
-    this.attribute_writter_mesh = this.build_attribute_writter_mesh(particle_count);
-    this.attribute_writter_scene = new Scene();
-    this.attribute_writter_scene.add(this.attribute_writter_mesh);
-  }
-
-  add_texture_attribute(buffer_attribute)
-  {
-    this.attributes.push(buffer_attribute);
-  }
-
-  add_update_attribute_array(name, array, item_size)
-  {
-    this.attribute_writter_mesh.geometry.setAttribute(name, new BufferAttribute(array, item_size, false));
-  }
-
-  add_attribute_array(name, array, item_size)
-  {
-    this.mesh.geometry.setAttribute(name, new InstancedBufferAttribute(array, item_size, false));
-  }
-
-  update()
-  {
-    this.mesh.material.update();
-    for (let i = 0; i < this.attributes.length; i++)
-    {
-      this.attributes[i].update(this.attribute_writter_scene);
-    }
-  }
-
-  dispose()
-  {
-    this.mesh.geometry.dispose();
-    this.mesh.material.dispose();
-  }
-
-  build_point_mesh(instance_count = 1, material)
-  {
-    const geo = new PlaneGeometry();
-
-    const instanced_geo = new InstancedBufferGeometry();
-    instanced_geo.setAttribute('position', geo.getAttribute('position'));
-    instanced_geo.index = geo.index;
-
-    instanced_geo.setAttribute('storage_uv', this.build_uv_storage_attribute(instance_count));
-    instanced_geo.instanceCount = instance_count;
-    const mesh = new Mesh(instanced_geo, material);
-    mesh.frustumCulled = false;
-    return mesh;
-  }
-
-  build_attribute_writter_mesh(particle_count)
-  {
-    const { width, height } = ParticleAttribute.calculate_resolution(particle_count);
-
-    const uvs = new Float32Array(particle_count * 3);
-
-    for (let i = 0; i < particle_count; i++)
-    {
-      const x = i % width;
-      const y = Math.floor(i / width);
-      uvs[i * 3 + 0] = (x + 0.5) / width;
-      uvs[i * 3 + 1] = (y + 0.5) / height;
-      uvs[i * 3 + 2] = i;
-    }
-    const geo = new BufferGeometry();
-    geo.setAttribute('position', new BufferAttribute(uvs, 3, false));
-
-    const points = new Points(geo);
-    points.frustumCulled = false;
-    return points;
-  }
-
-  build_uv_storage_attribute(particle_count)
-  {
-    const { width, height } = ParticleAttribute.calculate_resolution(particle_count);
-
-    const uvs = new Float32Array(particle_count * 2);
-
-    for (let i = 0; i < particle_count; i++)
-    {
-      const x = i % width;
-      const y = Math.floor(i / width);
-      uvs[i * 2 + 0] = (x + 0.5) / width;
-      uvs[i * 2 + 1] = (y + 0.5) / height;
-    }
-    return new InstancedBufferAttribute(uvs, 2, false);
-  }
-}
-
-export { GPUParticleSystem };
+import { Object3D } from 'three';
+import { BufferAttribute } from 'three';
+import { PlaneGeometry } from 'three';
+import { Mesh } from 'three';
+import { BufferGeometry } from 'three';
+import { Scene } from 'three';
+import { Points } from 'three';
+import { InstancedBufferGeometry } from 'three';
+import { InstancedBufferAttribute } from 'three';
+import { ParticleAttribute } from './ParticleAttribute';
+
+class GPUParticleSystem extends Object3D
+{
+  constructor(particle_count, material)
+  {
+    super();
+    this.attributes = [];
+
+    this.mesh = this.build_point_mesh(particle_count, material);
+    this.add(this.mesh);
+
+    this.attribute_writter_mesh = this.build_attribute_writter_mesh(particle_count);
+    this.attribute_writter_scene = new Scene();
+    this.attribute_writter_scene.add(this.attribute_writter_mesh);
+  }
+
+  add_texture_attribute(buffer_attribute)
+  {
+    this.attributes.push(buffer_attribute);
+  }
+
+  add_update_attribute_array(name, array, item_size)
+  {
+    this.attribute_writter_mesh.geometry.setAttribute(name, new BufferAttribute(array, item_size, false));
+  }
+
+  add_attribute_array(name, array, item_size)
+  {
+    this.mesh.geometry.setAttribute(name, new InstancedBufferAttribute(array, item_size, false));
+  }
+
+  update()
+  {
+    this.mesh.material.update();
+    for (let i = 0; i < this.attributes.length; i++)
+    {
+      this.attributes[i].update(this.attribute_writter_scene);
+    }
+  }
+
+  dispose()
+  {
+    this.mesh.geometry.dispose();
+    this.mesh.material.dispose();
+  }
+
+  build_point_mesh(instance_count = 1, material)
+  {
+    const geo = new PlaneGeometry();
+
+    const instanced_geo = new InstancedBufferGeometry();
+    instanced_geo.setAttribute('position', geo.getAttribute('position'));
+    instanced_geo.index = geo.index;
+
+    instanced_geo.setAttribute('storage_uv', this.build_uv_storage_attribute(instance_count));
+    instanced_geo.instanceCount = instance_count;
+    const mesh = new Mesh(instanced_geo, material);
+    mesh.frustumCulled = false;
+    return mesh;
+  }
+
+  build_attribute_writter_mesh(particle_count)
+  {
+    const { width, height } = ParticleAttribute.calculate_resolution(particle_count);
+
+    const uvs = new Float32Array(particle_count * 3);
+
+    for (let i = 0; i < particle_count; i++)
+    {
+      const x = i % width;
+      const y = Math.floor(i / width);
+      uvs[i * 3 + 0] = (x + 0.5) / width;
+      uvs[i * 3 + 1] = (y + 0.5) / height;
+      uvs[i * 3 + 2] = i;
+    }
+    const geo = new BufferGeometry();
+    geo.setAttribute('position', new BufferAttribute(uvs, 3, false));
+
+    const points = new Points(geo);
+    points.frustumCulled = false;
+    return points;
+  }
+
+  build_uv_storage_attribute(particle_count)
+  {
+    const { width, height } = ParticleAttribute.calculate_resolution(particle_count);
+
+    const uvs = new Float32Array(particle_count * 2);
+
+    for (let i = 0; i < particle_count; i++)
+    {
+      const x = i % width;
+      const y = Math.floor(i / width);
+      uvs[i * 2 + 0] = (x + 0.5) / width;
+      uvs[i * 2 + 1] = (y + 0.5) / height;
+    }
+    return new InstancedBufferAttribute(uvs, 2, false);
+  }
+}
+
+export { GPUParticleSystem };

package/src/gpu_particles/ParticleAttribute.js

@@ -1,89 +1,89 @@
-import { Graphics } from '../Graphics';
-
-import { FloatType, HalfFloatType, NearestFilter, NoColorSpace, RGBAFormat, WebGLRenderTarget } from 'three';
-import { Capabilities } from '../Capabilities';
-
-class ParticleAttribute
-{
-  constructor(attr_name, update_material)
-  {
-    this.read = undefined;
-    this.write = undefined;
-
-    this.name = attr_name;
-
-    this.update_material = update_material;
-  }
-
-  init_from_geometry(geometry)
-  {
-    // overrided by inheritance
-  }
-
-  init_from_attribute(particle_attribute)
-  {
-
-  }
-
-  build_RT(particle_count)
-  {
-    const resolution = ParticleAttribute.calculate_resolution(particle_count);
-    const options = {
-      minFilter: NearestFilter,
-      magFilter: NearestFilter,
-      format: RGBAFormat,
-      colorScape: NoColorSpace,
-      type: Capabilities.fp_textures_available ? FloatType : HalfFloatType,
-      stencilBuffer: false,
-      depthBuffer: false
-    };
-
-    return new WebGLRenderTarget(resolution.width, resolution.height, options);
-  }
-
-  static calculate_resolution(particle_count)
-  {
-    const width = Math.min(particle_count, 512);
-    const height = Math.max(1, Math.ceil(particle_count / width));
-    return { width, height };
-  }
-
-  swap_RT()
-  {
-    const tmp = this.read;
-    this.read = this.write;
-    this.write = tmp;
-  }
-
-  update(attribute_writter_scene)
-  {
-    if (this.update_material)
-    {
-      this.update_material.update();
-      attribute_writter_scene.children[0].material = this.update_material;
-      this.update_material.uniforms._MainTex.value = this.read.texture;
-      Graphics.render(attribute_writter_scene, undefined, this.write);
-      attribute_writter_scene.children[0].material = undefined;
-
-      this.swap_RT();
-    }
-  }
-
-  store_geometry_attribute_in_RT(attribute, RT, storage_material, attribute_writter_scene)
-  {
-    attribute_writter_scene.children[0].geometry.setAttribute('data', attribute);
-    attribute_writter_scene.children[0].material = storage_material;
-
-    Graphics.render(attribute_writter_scene, undefined, RT);
-
-    attribute_writter_scene.children[0].geometry.deleteAttribute('data');
-    attribute_writter_scene.children[0].material = undefined;
-  }
-
-  get_texture()
-  {
-    return this.read.texture;
-  }
-}
-
-export { ParticleAttribute };
+import { Graphics } from '../Graphics';
+
+import { FloatType, HalfFloatType, NearestFilter, NoColorSpace, RGBAFormat, WebGLRenderTarget } from 'three';
+import { Capabilities } from '../Capabilities';
+
+class ParticleAttribute
+{
+  constructor(attr_name, update_material)
+  {
+    this.read = undefined;
+    this.write = undefined;
+
+    this.name = attr_name;
+
+    this.update_material = update_material;
+  }
+
+  init_from_geometry(geometry)
+  {
+    // overrided by inheritance
+  }
+
+  init_from_attribute(particle_attribute)
+  {
+
+  }
+
+  build_RT(particle_count)
+  {
+    const resolution = ParticleAttribute.calculate_resolution(particle_count);
+    const options = {
+      minFilter: NearestFilter,
+      magFilter: NearestFilter,
+      format: RGBAFormat,
+      colorScape: NoColorSpace,
+      type: Capabilities.fp_textures_available ? FloatType : HalfFloatType,
+      stencilBuffer: false,
+      depthBuffer: false
+    };
+
+    return new WebGLRenderTarget(resolution.width, resolution.height, options);
+  }
+
+  static calculate_resolution(particle_count)
+  {
+    const width = Math.min(particle_count, 512);
+    const height = Math.max(1, Math.ceil(particle_count / width));
+    return { width, height };
+  }
+
+  swap_RT()
+  {
+    const tmp = this.read;
+    this.read = this.write;
+    this.write = tmp;
+  }
+
+  update(attribute_writter_scene)
+  {
+    if (this.update_material)
+    {
+      this.update_material.update();
+      attribute_writter_scene.children[0].material = this.update_material;
+      this.update_material.uniforms._MainTex.value = this.read.texture;
+      Graphics.render(attribute_writter_scene, undefined, this.write);
+      attribute_writter_scene.children[0].material = undefined;
+
+      this.swap_RT();
+    }
+  }
+
+  store_geometry_attribute_in_RT(attribute, RT, storage_material, attribute_writter_scene)
+  {
+    attribute_writter_scene.children[0].geometry.setAttribute('data', attribute);
+    attribute_writter_scene.children[0].material = storage_material;
+
+    Graphics.render(attribute_writter_scene, undefined, RT);
+
+    attribute_writter_scene.children[0].geometry.deleteAttribute('data');
+    attribute_writter_scene.children[0].material = undefined;
+  }
+
+  get_texture()
+  {
+    return this.read.texture;
+  }
+}
+
+export { ParticleAttribute };

package/src/gpu_particles/ParticlePositionAttribute.js

@@ -1,42 +1,42 @@
-import { BufferAttribute } from 'three';
-
-import { ParticleAttribute } from '../gpu_particles/ParticleAttribute';
-import { ParticleStorageMaterial } from '../materials/gpu_particles/ParticleStorageMaterial';
-
-class ParticlePositionAttribute extends ParticleAttribute
-{
-  constructor(update_material)
-  {
-    super('_Position', update_material);
-  }
-
-  store_geometry(geometry, attribute_writter_scene)
-  {
-    const pos_attr = geometry.getAttribute('position');
-    this.read    = this.build_RT(pos_attr.count);
-    this.write   = this.build_RT(pos_attr.count);
-
-    const mat = new ParticleStorageMaterial();
-    this.store_geometry_attribute_in_RT(geometry.getAttribute('position'), this.read, mat, attribute_writter_scene);
-  }
-
-  store_positions(positions, attribute_writter_scene)
-  {
-    this.read    = this.build_RT(positions.length);
-    this.write   = this.build_RT(positions.length);
-
-    const arr = new Float32Array(positions.length * 4);
-
-    for (let i = 0; i < positions.length; i++)
-    {
-      arr[i * 4 + 0] = positions[i].x;
-      arr[i * 4 + 1] = positions[i].y;
-      arr[i * 4 + 2] = positions[i].z;
-      arr[i * 4 + 3] = (Math.random() * 2 - 1) * 10;
-    }
-    const mat = new ParticleStorageMaterial();
-    this.store_geometry_attribute_in_RT(new BufferAttribute(arr, 4), this.read, mat, attribute_writter_scene);
-  }
-}
-
-export { ParticlePositionAttribute };
+import { BufferAttribute } from 'three';
+
+import { ParticleAttribute } from '../gpu_particles/ParticleAttribute';
+import { ParticleStorageMaterial } from '../materials/gpu_particles/ParticleStorageMaterial';
+
+class ParticlePositionAttribute extends ParticleAttribute
+{
+  constructor(update_material)
+  {
+    super('_Position', update_material);
+  }
+
+  store_geometry(geometry, attribute_writter_scene)
+  {
+    const pos_attr = geometry.getAttribute('position');
+    this.read    = this.build_RT(pos_attr.count);
+    this.write   = this.build_RT(pos_attr.count);
+
+    const mat = new ParticleStorageMaterial();
+    this.store_geometry_attribute_in_RT(geometry.getAttribute('position'), this.read, mat, attribute_writter_scene);
+  }
+
+  store_positions(positions, attribute_writter_scene)
+  {
+    this.read    = this.build_RT(positions.length);
+    this.write   = this.build_RT(positions.length);
+
+    const arr = new Float32Array(positions.length * 4);
+
+    for (let i = 0; i < positions.length; i++)
+    {
+      arr[i * 4 + 0] = positions[i].x;
+      arr[i * 4 + 1] = positions[i].y;
+      arr[i * 4 + 2] = positions[i].z;
+      arr[i * 4 + 3] = (Math.random() * 2 - 1) * 10;
+    }
+    const mat = new ParticleStorageMaterial();
+    this.store_geometry_attribute_in_RT(new BufferAttribute(arr, 4), this.read, mat, attribute_writter_scene);
+  }
+}
+
+export { ParticlePositionAttribute };

package/src/html_utilities/CSSAnimator.js

@@ -1,66 +1,66 @@
-import { Animating } from './css_animator_states/Animating';
-import { Idle } from './css_animator_states/Idle';
-import { EasingFunctions } from '../utilities/EasingFunctions';
-
-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);
-  }
-}
-
-export { CSSAnimator };
+import { Animating } from './css_animator_states/Animating';
+import { Idle } from './css_animator_states/Idle';
+import { EasingFunctions } from '../utilities/EasingFunctions';
+
+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);
+  }
+}
+
+export { CSSAnimator };