ohzi-core 12.5.2 → 12.7.0

package/src/render_mode/UnrealBloomRender.js

@@ -1,123 +1,123 @@
-import { OScreen } from '../OScreen';
-import { BaseRender } from '../render_mode/BaseRender';
-import { UnrealBloomComposeMaterial } from '../materials/UnrealBloomComposeMaterial';
-import { AddMaterial } from '../materials/AddMaterial';
-
-import { HalfFloatType, LinearSRGBColorSpace, NearestFilter, RGBAFormat, UnsignedByteType, WebGLRenderTarget } from 'three';
-
-import { GaussianBlurrer } from '../render_utilities/GaussianBlurrer';
-import { Graphics } from '../Graphics';
-import { CameraManager } from '../CameraManager';
-import { SceneManager } from '../SceneManager';
-
-class UnrealBloomRender extends BaseRender
-{
-  constructor(use_antialiasing, use_half_float, use_hight_luminosity_pass, use_rendering_size = false)
-  {
-    super();
-
-    this.add_mat = new AddMaterial(use_half_float);
-
-    const rt_settings = {
-      samples: use_antialiasing ? 8 : 1,
-      type: use_half_float ? HalfFloatType : UnsignedByteType,
-      format: RGBAFormat,
-      colorSpace: LinearSRGBColorSpace,
-      minFilter: NearestFilter,
-      magFilter: NearestFilter
-    };
-    this.use_rendering_size = use_rendering_size;
-    this.main_RT = new WebGLRenderTarget(1, 1, rt_settings);
-    this.main_RT.texture.colorSpace = LinearSRGBColorSpace;
-    this.main_RT.texture.minFilter = NearestFilter;
-    this.main_RT.texture.magFilter = NearestFilter;
-
-    this.bloom_compose_mat = new UnrealBloomComposeMaterial(5, use_half_float);
-    this.blurrer = new GaussianBlurrer(use_half_float);
-    this.use_hight_luminosity_pass = use_hight_luminosity_pass;
-    this.luminosity_threshold = 0.5;
-  }
-
-  on_enter()
-  {
-    this.bloom_compose_mat.set_RT_0(this.blurrer.renderTargetsVertical[0].texture);
-    this.bloom_compose_mat.set_RT_1(this.blurrer.renderTargetsVertical[1].texture);
-    this.bloom_compose_mat.set_RT_2(this.blurrer.renderTargetsVertical[2].texture);
-    this.bloom_compose_mat.set_RT_3(this.blurrer.renderTargetsVertical[3].texture);
-    this.bloom_compose_mat.set_RT_4(this.blurrer.renderTargetsVertical[4].texture);
-
-    this.add_mat.set_add_texture(this.blurrer.renderTargetsHorizontal[0].texture);
-  }
-
-  render()
-  {
-    this.__check_RT_size();
-
-    Graphics.clear(this.main_RT, CameraManager.current, true, false);
-    Graphics.render(SceneManager.current, CameraManager.current, this.main_RT);
-
-    // // // BLUR
-    this.blurrer.blur(this.main_RT, this.use_hight_luminosity_pass);
-
-    // // Blur compose
-    Graphics.material_pass(this.bloom_compose_mat, this.blurrer.renderTargetsHorizontal[0]);
-
-    // // Additive blend
-    // Graphics.clear(undefined, CameraManager.current, true, false);
-    // Graphics.render(SceneManager.current, CameraManager.current);
-    Graphics.blit(this.main_RT, undefined, this.add_mat);
-  }
-
-  set_bloom_strength(val)
-  {
-    this.bloom_compose_mat.set_bloom_strength(val);
-  }
-
-  set_bloom_radius(val)
-  {
-    // this.bloom_compose_mat.set_bloom_radius(val);
-    this.blurrer.set_radius(val);
-  }
-
-  set_luminosity_threshold(value)
-  {
-    this.blurrer.set_luminosity_threshold(value);
-  }
-
-  set_tint_color_0(col_string)
-  {
-    this.bloom_compose_mat.set_tint_color_0(col_string);
-  }
-
-  set_tint_color_1(col_string)
-  {
-    this.bloom_compose_mat.set_tint_color_1(col_string);
-  }
-
-  set_tint_color_2(col_string)
-  {
-    this.bloom_compose_mat.set_tint_color_2(col_string);
-  }
-
-  set_tint_color_3(col_string)
-  {
-    this.bloom_compose_mat.set_tint_color_3(col_string);
-  }
-
-  set_tint_color_4(col_string)
-  {
-    this.bloom_compose_mat.set_tint_color_4(col_string);
-  }
-
-  __check_RT_size()
-  {
-    const width = this.use_rendering_size ? OScreen.render_width : OScreen.width;
-    const height = this.use_rendering_size ? OScreen.render_height : OScreen.height;
-    if (this.main_RT.width !== width || this.main_RT.height !== height)
-    {
-      this.main_RT.setSize(width, height);
-    }
-  }
-}
-
-export { UnrealBloomRender };
+import { OScreen } from '../OScreen';
+import { BaseRender } from '../render_mode/BaseRender';
+import { UnrealBloomComposeMaterial } from '../materials/UnrealBloomComposeMaterial';
+import { AddMaterial } from '../materials/AddMaterial';
+
+import { HalfFloatType, LinearSRGBColorSpace, NearestFilter, RGBAFormat, UnsignedByteType, WebGLRenderTarget } from 'three';
+
+import { GaussianBlurrer } from '../render_utilities/GaussianBlurrer';
+import { Graphics } from '../Graphics';
+import { CameraManager } from '../CameraManager';
+import { SceneManager } from '../SceneManager';
+
+class UnrealBloomRender extends BaseRender
+{
+  constructor(use_antialiasing, use_half_float, use_hight_luminosity_pass, use_rendering_size = false)
+  {
+    super();
+
+    this.add_mat = new AddMaterial(use_half_float);
+
+    const rt_settings = {
+      samples: use_antialiasing ? 8 : 1,
+      type: use_half_float ? HalfFloatType : UnsignedByteType,
+      format: RGBAFormat,
+      colorSpace: LinearSRGBColorSpace,
+      minFilter: NearestFilter,
+      magFilter: NearestFilter
+    };
+    this.use_rendering_size = use_rendering_size;
+    this.main_RT = new WebGLRenderTarget(1, 1, rt_settings);
+    this.main_RT.texture.colorSpace = LinearSRGBColorSpace;
+    this.main_RT.texture.minFilter = NearestFilter;
+    this.main_RT.texture.magFilter = NearestFilter;
+
+    this.bloom_compose_mat = new UnrealBloomComposeMaterial(5, use_half_float);
+    this.blurrer = new GaussianBlurrer(use_half_float);
+    this.use_hight_luminosity_pass = use_hight_luminosity_pass;
+    this.luminosity_threshold = 0.5;
+  }
+
+  on_enter()
+  {
+    this.bloom_compose_mat.set_RT_0(this.blurrer.renderTargetsVertical[0].texture);
+    this.bloom_compose_mat.set_RT_1(this.blurrer.renderTargetsVertical[1].texture);
+    this.bloom_compose_mat.set_RT_2(this.blurrer.renderTargetsVertical[2].texture);
+    this.bloom_compose_mat.set_RT_3(this.blurrer.renderTargetsVertical[3].texture);
+    this.bloom_compose_mat.set_RT_4(this.blurrer.renderTargetsVertical[4].texture);
+
+    this.add_mat.set_add_texture(this.blurrer.renderTargetsHorizontal[0].texture);
+  }
+
+  render()
+  {
+    this.__check_RT_size();
+
+    Graphics.clear(this.main_RT, CameraManager.current, true, false);
+    Graphics.render(SceneManager.current, CameraManager.current, this.main_RT);
+
+    // // // BLUR
+    this.blurrer.blur(this.main_RT, this.use_hight_luminosity_pass);
+
+    // // Blur compose
+    Graphics.material_pass(this.bloom_compose_mat, this.blurrer.renderTargetsHorizontal[0]);
+
+    // // Additive blend
+    // Graphics.clear(undefined, CameraManager.current, true, false);
+    // Graphics.render(SceneManager.current, CameraManager.current);
+    Graphics.blit(this.main_RT, undefined, this.add_mat);
+  }
+
+  set_bloom_strength(val)
+  {
+    this.bloom_compose_mat.set_bloom_strength(val);
+  }
+
+  set_bloom_radius(val)
+  {
+    // this.bloom_compose_mat.set_bloom_radius(val);
+    this.blurrer.set_radius(val);
+  }
+
+  set_luminosity_threshold(value)
+  {
+    this.blurrer.set_luminosity_threshold(value);
+  }
+
+  set_tint_color_0(col_string)
+  {
+    this.bloom_compose_mat.set_tint_color_0(col_string);
+  }
+
+  set_tint_color_1(col_string)
+  {
+    this.bloom_compose_mat.set_tint_color_1(col_string);
+  }
+
+  set_tint_color_2(col_string)
+  {
+    this.bloom_compose_mat.set_tint_color_2(col_string);
+  }
+
+  set_tint_color_3(col_string)
+  {
+    this.bloom_compose_mat.set_tint_color_3(col_string);
+  }
+
+  set_tint_color_4(col_string)
+  {
+    this.bloom_compose_mat.set_tint_color_4(col_string);
+  }
+
+  __check_RT_size()
+  {
+    const width = this.use_rendering_size ? OScreen.render_width : OScreen.width;
+    const height = this.use_rendering_size ? OScreen.render_height : OScreen.height;
+    if (this.main_RT.width !== width || this.main_RT.height !== height)
+    {
+      this.main_RT.setSize(width, height);
+    }
+  }
+}
+
+export { UnrealBloomRender };

package/src/render_mode/VRRender.js

@@ -1,71 +1,71 @@
-import { CameraManager } from '../CameraManager';
-import { SceneManager } from '../SceneManager';
-import { BaseRender } from '../render_mode/BaseRender';
-import { Graphics } from '../Graphics';
-
-class VRRender extends BaseRender
-{
-  constructor()
-  {
-    super();
-  }
-
-  render()
-  {
-    // Graphics.clear(undefined, CameraManager.current, true, true);
-
-    if (SceneManager.current.on_pre_render)
-    {
-      SceneManager.current.on_pre_render();
-    }
-
-    if (SceneManager.current.render)
-    {
-      SceneManager.current.render();
-    }
-    else
-    {
-      Graphics.render(SceneManager.current, CameraManager.current, Graphics._renderer.getRenderTarget());
-    }
-
-    this.render_spectator_camera();
-
-    if (SceneManager.current.on_post_render)
-    {
-      SceneManager.current.on_post_render();
-    }
-  }
-
-  render_spectator_camera()
-  {
-    const spectator_camera = CameraManager.spectator;
-
-    if (spectator_camera && Graphics._renderer.xr.isPresenting)
-    {
-      // Copy the XR Camera's position and rotation, but use your
-      // main camera's projection matrix
-      const xrCam = Graphics._renderer.xr.getCamera(CameraManager.current);
-
-      spectator_camera.projectionMatrix.copy(CameraManager.current.projectionMatrix);
-
-      spectator_camera.position.copy(xrCam.position);
-      spectator_camera.quaternion.copy(xrCam.quaternion);
-
-      // we'll restore this later
-      const currentRenderTarget = Graphics._renderer.getRenderTarget();
-
-      // turn off the WebXR rendering
-      Graphics._renderer.xr.isPresenting = false;
-
-      // render to the canvas on our main display
-      Graphics._renderer.setRenderTarget(null);
-      Graphics._renderer.render(SceneManager.current, spectator_camera);
-
-      // reset back to enable WebXR
-      Graphics._renderer.setRenderTarget(currentRenderTarget);
-      Graphics._renderer.xr.isPresenting = true;
-    }
-  }
-}
-
-export { VRRender };
+import { CameraManager } from '../CameraManager';
+import { SceneManager } from '../SceneManager';
+import { BaseRender } from '../render_mode/BaseRender';
+import { Graphics } from '../Graphics';
+
+class VRRender extends BaseRender
+{
+  constructor()
+  {
+    super();
+  }
+
+  render()
+  {
+    // Graphics.clear(undefined, CameraManager.current, true, true);
+
+    if (SceneManager.current.on_pre_render)
+    {
+      SceneManager.current.on_pre_render();
+    }
+
+    if (SceneManager.current.render)
+    {
+      SceneManager.current.render();
+    }
+    else
+    {
+      Graphics.render(SceneManager.current, CameraManager.current, Graphics._renderer.getRenderTarget());
+    }
+
+    this.render_spectator_camera();
+
+    if (SceneManager.current.on_post_render)
+    {
+      SceneManager.current.on_post_render();
+    }
+  }
+
+  render_spectator_camera()
+  {
+    const spectator_camera = CameraManager.spectator;
+
+    if (spectator_camera && Graphics._renderer.xr.isPresenting)
+    {
+      // Copy the XR Camera's position and rotation, but use your
+      // main camera's projection matrix
+      const xrCam = Graphics._renderer.xr.getCamera(CameraManager.current);
+
+      spectator_camera.projectionMatrix.copy(CameraManager.current.projectionMatrix);
+
+      spectator_camera.position.copy(xrCam.position);
+      spectator_camera.quaternion.copy(xrCam.quaternion);
+
+      // we'll restore this later
+      const currentRenderTarget = Graphics._renderer.getRenderTarget();
+
+      // turn off the WebXR rendering
+      Graphics._renderer.xr.isPresenting = false;
+
+      // render to the canvas on our main display
+      Graphics._renderer.setRenderTarget(null);
+      Graphics._renderer.render(SceneManager.current, spectator_camera);
+
+      // reset back to enable WebXR
+      Graphics._renderer.setRenderTarget(currentRenderTarget);
+      Graphics._renderer.xr.isPresenting = true;
+    }
+  }
+}
+
+export { VRRender };

package/src/render_utilities/Blitter.js

@@ -1,101 +1,101 @@
-import { BlitMaterial } from '../materials/BlitMaterial';
-
-import { Scene } from 'three';
-import { Mesh } from 'three';
-import { PlaneGeometry } from 'three';
-import { OrthographicCamera } from 'three';
-
-class Blitter
-{
-  constructor(renderer)
-  {
-    this.renderer = renderer;
-    this._blit_scene = new Scene();
-    this._blit_material = new BlitMaterial();
-    this._blit_quad = new Mesh(
-      new PlaneGeometry(1, 1), this._blit_material);
-    this._blit_scene.add(this._blit_quad);
-    this._blit_camera = new OrthographicCamera(-1, 1, 1, -1, -10000, 10000);
-  }
-
-  blit(src, dst)
-  {
-    this._blit_quad.material = this._blit_material;
-
-    const src_texture = src.isWebGLRenderTarget === true ? src.texture : src;
-    const src_width   = src.isWebGLRenderTarget === true ? src.width   : src.image.width;
-    const src_height  = src.isWebGLRenderTarget === true ? src.height  : src.image.height;
-
-    this._blit_quad.material.uniforms._MainTex.value = src_texture;
-    this._blit_quad.material.uniforms._Resolution.value.set(src_width, src_height);
-
-    if (dst)
-    {
-      this._blit_quad.material.uniforms._TargetResolution.value.set(dst.width, dst.height);
-    }
-    else
-    {
-      this.renderer.getSize(this._blit_quad.material.uniforms._TargetResolution.value);
-    }
-
-    this.__render(dst);
-  }
-
-  material_pass(mat, dst)
-  {
-    this._blit_quad.material = mat;
-    // this._blit_quad.material.uniforms._MainTex.value = undefined;
-    // this._blit_quad.material.uniforms._Resolution.value.set(1, 1);
-
-    this.__render(dst);
-  }
-
-  blit_with_material(src, dst, mat)
-  {
-    const src_texture = src.isWebGLRenderTarget === true ? src.texture : src;
-    const src_width   = src.isWebGLRenderTarget === true ? src.width   : src.image.width;
-    const src_height  = src.isWebGLRenderTarget === true ? src.height  : src.image.height;
-
-    this._blit_quad.material = mat;
-    this._blit_quad.material.uniforms._MainTex.value = src_texture;
-    this._blit_quad.material.uniforms._Resolution.value.set(src_width, src_height);
-
-    if (dst)
-    {
-      this._blit_quad.material.uniforms._TargetResolution.value.set(dst.width, dst.height);
-    }
-    else
-    {
-      this.renderer.getSize(this._blit_quad.material.uniforms._TargetResolution.value);
-    }
-
-    this.__render(dst);
-  }
-
-  blit_clear_with_material(dst_RT, mat)
-  {
-    this._blit_quad.material = mat;
-
-    this.__render(dst_RT);
-  }
-
-  dispose()
-  {
-    this._blit_quad.geometry.dispose();
-    this._blit_quad.material.dispose();
-  }
-
-  __render(dst_RT)
-  {
-    const RT = dst_RT === undefined ? null : dst_RT;
-
-    const current_rt = this.renderer.getRenderTarget();
-
-    this.renderer.setRenderTarget(RT);
-    this.renderer.render(this._blit_scene, this._blit_camera);
-
-    this.renderer.setRenderTarget(current_rt);
-  }
-}
-
-export { Blitter };
+import { BlitMaterial } from '../materials/BlitMaterial';
+
+import { Scene } from 'three';
+import { Mesh } from 'three';
+import { PlaneGeometry } from 'three';
+import { OrthographicCamera } from 'three';
+
+class Blitter
+{
+  constructor(renderer)
+  {
+    this.renderer = renderer;
+    this._blit_scene = new Scene();
+    this._blit_material = new BlitMaterial();
+    this._blit_quad = new Mesh(
+      new PlaneGeometry(1, 1), this._blit_material);
+    this._blit_scene.add(this._blit_quad);
+    this._blit_camera = new OrthographicCamera(-1, 1, 1, -1, -10000, 10000);
+  }
+
+  blit(src, dst)
+  {
+    this._blit_quad.material = this._blit_material;
+
+    const src_texture = src.isWebGLRenderTarget === true ? src.texture : src;
+    const src_width   = src.isWebGLRenderTarget === true ? src.width   : src.image.width;
+    const src_height  = src.isWebGLRenderTarget === true ? src.height  : src.image.height;
+
+    this._blit_quad.material.uniforms._MainTex.value = src_texture;
+    this._blit_quad.material.uniforms._Resolution.value.set(src_width, src_height);
+
+    if (dst)
+    {
+      this._blit_quad.material.uniforms._TargetResolution.value.set(dst.width, dst.height);
+    }
+    else
+    {
+      this.renderer.getSize(this._blit_quad.material.uniforms._TargetResolution.value);
+    }
+
+    this.__render(dst);
+  }
+
+  material_pass(mat, dst)
+  {
+    this._blit_quad.material = mat;
+    // this._blit_quad.material.uniforms._MainTex.value = undefined;
+    // this._blit_quad.material.uniforms._Resolution.value.set(1, 1);
+
+    this.__render(dst);
+  }
+
+  blit_with_material(src, dst, mat)
+  {
+    const src_texture = src.isWebGLRenderTarget === true ? src.texture : src;
+    const src_width   = src.isWebGLRenderTarget === true ? src.width   : src.image.width;
+    const src_height  = src.isWebGLRenderTarget === true ? src.height  : src.image.height;
+
+    this._blit_quad.material = mat;
+    this._blit_quad.material.uniforms._MainTex.value = src_texture;
+    this._blit_quad.material.uniforms._Resolution.value.set(src_width, src_height);
+
+    if (dst)
+    {
+      this._blit_quad.material.uniforms._TargetResolution.value.set(dst.width, dst.height);
+    }
+    else
+    {
+      this.renderer.getSize(this._blit_quad.material.uniforms._TargetResolution.value);
+    }
+
+    this.__render(dst);
+  }
+
+  blit_clear_with_material(dst_RT, mat)
+  {
+    this._blit_quad.material = mat;
+
+    this.__render(dst_RT);
+  }
+
+  dispose()
+  {
+    this._blit_quad.geometry.dispose();
+    this._blit_quad.material.dispose();
+  }
+
+  __render(dst_RT)
+  {
+    const RT = dst_RT === undefined ? null : dst_RT;
+
+    const current_rt = this.renderer.getRenderTarget();
+
+    this.renderer.setRenderTarget(RT);
+    this.renderer.render(this._blit_scene, this._blit_camera);
+
+    this.renderer.setRenderTarget(current_rt);
+  }
+}
+
+export { Blitter };

package/src/render_utilities/Blurrer.js

@@ -1,31 +1,31 @@
-import { BoxBlurMaterial } from '../materials/BoxBlurMaterial';
-import { Graphics } from '../Graphics';
-
-import { WebGLRenderTarget } from 'three';
-
-class Blurrer
-{
-  constructor(renderer)
-  {
-    this.RT1 = new WebGLRenderTarget(1, 1);
-    this.RT2 = new WebGLRenderTarget(1, 1);
-    this.box_blur_mat = new BoxBlurMaterial();
-  }
-
-  blur(RT)
-  {
-    if (RT.width !== this.RT1.width || RT.height !== this.RT1.height)
-    {
-      this.RT1.setSize(RT.width, RT.height);
-      this.RT2.setSize(RT.width, RT.height);
-    }
-
-    this.box_blur_mat.uniforms._SampleDir.value.set(1, 0);
-    Graphics.blit(RT, this.RT1, this.box_blur_mat);
-    this.box_blur_mat.uniforms._SampleDir.value.set(0, 1);
-    Graphics.blit(this.RT1, RT, this.box_blur_mat);
-    // return this.RT2;
-  }
-}
-
-export { Blurrer };
+import { BoxBlurMaterial } from '../materials/BoxBlurMaterial';
+import { Graphics } from '../Graphics';
+
+import { WebGLRenderTarget } from 'three';
+
+class Blurrer
+{
+  constructor(renderer)
+  {
+    this.RT1 = new WebGLRenderTarget(1, 1);
+    this.RT2 = new WebGLRenderTarget(1, 1);
+    this.box_blur_mat = new BoxBlurMaterial();
+  }
+
+  blur(RT)
+  {
+    if (RT.width !== this.RT1.width || RT.height !== this.RT1.height)
+    {
+      this.RT1.setSize(RT.width, RT.height);
+      this.RT2.setSize(RT.width, RT.height);
+    }
+
+    this.box_blur_mat.uniforms._SampleDir.value.set(1, 0);
+    Graphics.blit(RT, this.RT1, this.box_blur_mat);
+    this.box_blur_mat.uniforms._SampleDir.value.set(0, 1);
+    Graphics.blit(this.RT1, RT, this.box_blur_mat);
+    // return this.RT2;
+  }
+}
+
+export { Blurrer };