ohzi-core 12.2.0 → 12.3.0

package/src/primitives/HorizontalPlane.js

@@ -1,9 +1,16 @@
-import { Mesh } from 'three';
+// @ts-check
+import { Material, Mesh } from 'three'; // eslint-disable-line no-unused-vars
 import { MeshBasicMaterial } from 'three';
 import { PlaneGeometry } from 'three';
 
 class HorizontalPlane extends Mesh
 {
+  /**
+   * @param {number} [width]
+   * @param {number} [height]
+   * @param {number | string} [color]
+   * @param {Material} [material]
+   */
   constructor(width, height, color, material)
   {
     width = width || 1;

package/src/primitives/Sphere.js

@@ -2,6 +2,10 @@ import { Mesh, MeshBasicMaterial, SphereGeometry } from 'three';
 
 class Sphere extends Mesh
 {
+  /**
+   * @param {number} radius
+   * @param {number | string} color
+   */
   constructor(radius, color)
   {
     color = color || '#FF0000';
@@ -9,6 +13,9 @@ class Sphere extends Mesh
     const geometry = new SphereGeometry(radius, 64, 64);
     const material = new MeshBasicMaterial({ color: color });
     super(geometry, material);
+    this.radius = radius;
+    this.color = color;
+    this.center = this.position;
   }
 }
 

package/src/primitives/VerticalPlane.js

@@ -1,9 +1,16 @@
-import { Mesh } from 'three';
+// @ts-check
+import { Material, Mesh } from 'three'; // eslint-disable-line no-unused-vars
 import { PlaneGeometry } from 'three';
 import { MeshBasicMaterial } from 'three';
 
 class VerticalPlane extends Mesh
 {
+  /**
+   * @param {number} [width]
+   * @param {number} [height]
+   * @param {number | string} [color]
+   * @param {Material} [material]
+   */
   constructor(width, height, color, material)
   {
     width = width || 1;

package/src/render_mode/UnrealBloomRender.js

@@ -3,7 +3,7 @@ import { BaseRender } from '../render_mode/BaseRender';
 import { UnrealBloomComposeMaterial } from '../materials/UnrealBloomComposeMaterial';
 import { AddMaterial } from '../materials/AddMaterial';
 
-import { WebGLRenderTarget } from 'three';
+import { HalfFloatType, LinearSRGBColorSpace, NearestFilter, RGBAFormat, UnsignedByteType, WebGLRenderTarget } from 'three';
 
 import { GaussianBlurrer } from '../render_utilities/GaussianBlurrer';
 import { Graphics } from '../Graphics';
@@ -12,40 +12,61 @@ import { SceneManager } from '../SceneManager';
 
 class UnrealBloomRender extends BaseRender
 {
-  constructor()
+  constructor(use_antialiasing, use_half_float, use_hight_luminosity_pass)
   {
     super();
 
-    this.bloom_compose_mat = undefined;
-
-    this.main_RT = undefined;
-    this.blur_RT = undefined;
-    this.blurrer = undefined;
-
-    this.add_mat = new AddMaterial();
+    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.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.blurrer = new GaussianBlurrer();
-    this.main_RT = new WebGLRenderTarget(OScreen.width, OScreen.height);
-    this.blur_RT = new WebGLRenderTarget(OScreen.width, OScreen.height);
-
-    this.bloom_compose_mat = new UnrealBloomComposeMaterial(5);
-    this.blurrer = new GaussianBlurrer(5);
-
     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.bloom_compose_mat.set_bloom_strength(1);
-    this.bloom_compose_mat.set_bloom_radius(1);
-
     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);
@@ -53,7 +74,13 @@ class UnrealBloomRender extends BaseRender
 
   set_bloom_radius(val)
   {
-    this.bloom_compose_mat.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)
@@ -81,29 +108,11 @@ class UnrealBloomRender extends BaseRender
     this.bloom_compose_mat.set_tint_color_4(col_string);
   }
 
-  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, true);
-
-    // Blur compose
-    Graphics.material_pass(this.bloom_compose_mat, this.blurrer.renderTargetsHorizontal[0]);
-
-    // Additive blend
-    Graphics.blit(this.main_RT, undefined, this.add_mat);
-  }
-
   __check_RT_size()
   {
     if (this.main_RT.width !== OScreen.width || this.main_RT.height !== OScreen.height)
     {
       this.main_RT.setSize(OScreen.width, OScreen.height);
-      this.blur_RT.setSize(OScreen.width, OScreen.height);
     }
   }
 }

package/src/render_utilities/Blitter.js

@@ -85,13 +85,13 @@ class Blitter
     this._blit_quad.material.dispose();
   }
 
-  __render(RT)
+  __render(dst_RT)
   {
-    RT = RT === undefined ? null : RT;
+    const RT = dst_RT === undefined ? null : dst_RT;
 
     const current_rt = this.renderer.getRenderTarget();
 
-    this.renderer.setRenderTarget(RT === undefined ? null : RT);
+    this.renderer.setRenderTarget(RT);
     this.renderer.render(this._blit_scene, this._blit_camera);
 
     this.renderer.setRenderTarget(current_rt);

package/src/render_utilities/GaussianBlurrer.js

@@ -2,11 +2,11 @@ import { GaussianBlurMaterial } from '../materials/GaussianBlurMaterial';
 import { LuminosityHighPassMaterial } from '../materials/LuminosityHighPassMaterial';
 import { Graphics } from '../Graphics';
 
-import { WebGLRenderTarget, LinearFilter, RGBAFormat } from 'three';
+import { WebGLRenderTarget, LinearFilter, RGBAFormat, HalfFloatType, UnsignedByteType, SRGBColorSpace, LinearSRGBColorSpace } from 'three';
 
 class GaussianBlurrer
 {
-  constructor(nMips = 5)
+  constructor(use_half_float = false)
   {
     this.current_width = 1;
     this.current_height = 1;
@@ -14,10 +14,16 @@ class GaussianBlurrer
     this.separableBlurMaterials = [];
     this.renderTargetsHorizontal = [];
     this.renderTargetsVertical = [];
-
-    this.nMips = nMips;
+    this.use_half_float = use_half_float;
+    this.nMips = 5;
     this.kernelSizeArray = [3, 5, 7, 9, 11];
-    this.rt_pars = { minFilter: LinearFilter, magFilter: LinearFilter, format: RGBAFormat };
+    this.rt_pars = {
+      minFilter: LinearFilter,
+      magFilter: LinearFilter,
+      format: RGBAFormat,
+      type: use_half_float ? HalfFloatType : UnsignedByteType,
+      colorSpace: use_half_float ? LinearSRGBColorSpace : SRGBColorSpace
+    };
 
     this.renderTargetBright = new WebGLRenderTarget(1, 1, this.rt_pars);
     this.renderTargetBright.texture.generateMipmaps = false;
@@ -25,24 +31,21 @@ class GaussianBlurrer
     this.init_materials();
     this.init_RT();
 
-    this.luminosity_high_pass_mat = new LuminosityHighPassMaterial();
+    this.luminosity_high_pass_mat = new LuminosityHighPassMaterial(use_half_float);
   }
 
   blur(RT, use_luminosity_high_pass)
   {
     this.resize_RT(RT.width, RT.height);
 
+    let inputRenderTarget = RT;
+
     if (use_luminosity_high_pass)
     {
       Graphics.blit(RT, this.renderTargetBright, this.luminosity_high_pass_mat);
-    }
-    else
-    {
-      Graphics.blit(RT, this.renderTargetBright);
+      inputRenderTarget = this.renderTargetBright;
     }
 
-    let inputRenderTarget = this.renderTargetBright;
-
     for (let i = 0; i < this.nMips; i++)
     {
       const mat = this.separableBlurMaterials[i];
@@ -81,6 +84,9 @@ class GaussianBlurrer
       hor.texture.generateMipmaps = false;
       ver.texture.generateMipmaps = false;
 
+      hor.texture.colorSpace = this.rt_pars.colorSpace;
+      ver.texture.colorSpace = this.rt_pars.colorSpace;
+
       this.renderTargetsHorizontal.push(hor);
       this.renderTargetsVertical.push(ver);
     }
@@ -112,16 +118,29 @@ class GaussianBlurrer
     }
   }
 
-  init_materials(texture_width, texture_height)
+  init_materials()
   {
     this.dispose_materials();
 
     for (let i = 0; i < this.nMips; i++)
     {
-      this.separableBlurMaterials.push(new GaussianBlurMaterial(this.kernelSizeArray[i]));
+      this.separableBlurMaterials.push(new GaussianBlurMaterial(this.kernelSizeArray[i], this.use_half_float));
     }
   }
 
+  set_radius(value)
+  {
+    for (let i = 0; i < this.separableBlurMaterials.length; i++)
+    {
+      this.separableBlurMaterials[i].set_radius(value);
+    }
+  }
+
+  set_luminosity_threshold(value)
+  {
+    this.luminosity_high_pass_mat.set_threshold(value);
+  }
+
   dispose_materials()
   {
     for (let i = 0; i < this.separableBlurMaterials.length; i++)

package/src/shaders/add/add.frag

@@ -2,8 +2,27 @@ uniform sampler2D _MainTex;
 uniform sampler2D _SecondTex;
 
 varying vec2 vUv;
+
+vec4 sampleTex(sampler2D tex, vec2 uv)
+{
+  vec4 col = texture2D( tex, uv);
+
+  #ifndef USE_LINEAR_COLOR_SPACE
+    col.rgb = pow(col.rgb, vec3(2.2));
+  #endif
+
+  return col;
+}
 void main()
 {
-	gl_FragColor = texture2D(_MainTex, vUv);
-	gl_FragColor += texture2D(_SecondTex, vUv);
+	vec4 col0 = sampleTex(_MainTex, vUv);
+	vec4 col1 = sampleTex(_SecondTex, vUv);
+
+
+  gl_FragColor = col0+col1;
+	// gl_FragColor = texture2D(_SecondTex, vUv);
+  gl_FragColor.rgb = pow(gl_FragColor.rgb, vec3(0.4545));
+
+	// gl_FragColor = texture2D(_MainTex, vUv)+texture2D(_SecondTex, vUv);
+
 }

package/src/shaders/gaussian_blur/gaussian_blur.frag

@@ -3,23 +3,42 @@ varying vec2 vUv;
 uniform sampler2D _MainTex;
 uniform vec2 texSize;
 uniform vec2 direction;
+uniform float radius;
 
 float gaussianPdf(in float x, in float sigma) {
 	return 0.39894 * exp( -0.5 * x * x/( sigma * sigma))/sigma;
 }
+
+vec4 sampleTex(sampler2D tex, vec2 uv)
+{
+  vec4 col = texture2D( tex, uv);
+
+  #ifndef USE_LINEAR_COLOR_SPACE
+    col.rgb = pow(col.rgb, vec3(2.2));
+  #endif
+
+  return col;
+}
+
 void main() {
 	vec2 invSize = 1.0 / texSize;
 	float fSigma = float(SIGMA);
 	float weightSum = gaussianPdf(0.0, fSigma);
-	vec4 diffuseSum = texture2D( _MainTex, vUv) * weightSum;
+	vec4 diffuseSum = sampleTex( _MainTex, vUv) * weightSum;
 	for( int i = 1; i < KERNEL_RADIUS; i ++ ) {
 		float x = float(i);
 		float w = gaussianPdf(x, fSigma);
-		vec2 uvOffset = direction * invSize * x;
-		vec4 sample1 = texture2D( _MainTex, vUv + uvOffset);
-		vec4 sample2 = texture2D( _MainTex, vUv - uvOffset);
+		vec2 uvOffset = direction * invSize * x * radius;
+		vec4 sample1 = sampleTex( _MainTex, vUv + uvOffset);
+		vec4 sample2 = sampleTex( _MainTex, vUv - uvOffset);
 		diffuseSum += (sample1 + sample2) * w;
 		weightSum += 2.0 * w;
 	}
 	gl_FragColor = vec4(diffuseSum/weightSum);
+
+  #ifndef USE_LINEAR_COLOR_SPACE
+    gl_FragColor.rgb = pow(gl_FragColor.rgb, vec3(0.4545));
+  #endif
+  // #include <colorspace_fragment>
+
 }

package/src/shaders/gaussian_blur/unreal_bloom_compose.frag

@@ -15,10 +15,22 @@ float lerpBloomFactor(const in float factor) {
 	return mix(factor, mirrorFactor, bloomRadius);
 }
 
+vec4 sampleTex(sampler2D tex, vec2 uv)
+{
+  vec4 col = texture2D( tex, uv);
+  #ifndef USE_LINEAR_COLOR_SPACE
+    col.rgb = pow(col.rgb, vec3(2.2));
+  #endif
+  return col;
+}
 void main() {
-	gl_FragColor = bloomStrength * ( lerpBloomFactor(bloomFactors[0]) * vec4(bloomTintColors[0], 1.0) * texture2D(blurTexture1, vUv) + 
-										 							 lerpBloomFactor(bloomFactors[1]) * vec4(bloomTintColors[1], 1.0) * texture2D(blurTexture2, vUv) + 
-																	 lerpBloomFactor(bloomFactors[2]) * vec4(bloomTintColors[2], 1.0) * texture2D(blurTexture3, vUv) + 
-																	 lerpBloomFactor(bloomFactors[3]) * vec4(bloomTintColors[3], 1.0) * texture2D(blurTexture4, vUv) + 
-																	 lerpBloomFactor(bloomFactors[4]) * vec4(bloomTintColors[4], 1.0) * texture2D(blurTexture5, vUv) );
+	gl_FragColor = bloomStrength * ( lerpBloomFactor(bloomFactors[0]) * vec4(bloomTintColors[0], 1.0) * sampleTex(blurTexture1, vUv) + 
+										 							 lerpBloomFactor(bloomFactors[1]) * vec4(bloomTintColors[1], 1.0) * sampleTex(blurTexture2, vUv) + 
+																	 lerpBloomFactor(bloomFactors[2]) * vec4(bloomTintColors[2], 1.0) * sampleTex(blurTexture3, vUv) + 
+																	 lerpBloomFactor(bloomFactors[3]) * vec4(bloomTintColors[3], 1.0) * sampleTex(blurTexture4, vUv) + 
+																	 lerpBloomFactor(bloomFactors[4]) * vec4(bloomTintColors[4], 1.0) * sampleTex(blurTexture5, vUv) );
+
+  #ifndef USE_LINEAR_COLOR_SPACE
+    gl_FragColor.rgb = pow(gl_FragColor.rgb, vec3(0.4545));
+  #endif
 }

package/src/shaders/luminosity_high_pass/luminosity_high_pass.frag

@@ -6,9 +6,17 @@ uniform float smoothWidth;
 
 varying vec2 vUv;
 
+vec4 sampleTex(sampler2D tex, vec2 uv)
+{
+  vec4 col = texture2D( tex, uv);
+  #ifndef USE_LINEAR_COLOR_SPACE
+    col.rgb = pow(col.rgb, vec3(2.2));
+  #endif
+  return col;
+}
 void main() {
 
-	vec4 texel = texture2D( _MainTex, vUv );
+	vec4 texel = sampleTex( _MainTex, vUv );
 
 	vec3 luma = vec3( 0.299, 0.587, 0.114 );
 
@@ -19,5 +27,12 @@ void main() {
 	float alpha = smoothstep( luminosityThreshold, luminosityThreshold + smoothWidth, v );
 
 	gl_FragColor = mix( outputColor, texel, alpha );
+  
+  // #include <colorspace_fragment>
+
+  #ifndef USE_LINEAR_COLOR_SPACE
+    gl_FragColor.rgb = pow(gl_FragColor.rgb, vec3(0.4545));
+  #endif
+
 
 }

package/src/ui/ui_element_state/OnIdle.js

@@ -1,3 +1,4 @@
+import { UIElement } from '../../components/UIElement'; // eslint-disable-line no-unused-vars
 import { UIElementState } from './UIElementState';
 
 class OnIdle extends UIElementState
@@ -7,6 +8,10 @@ class OnIdle extends UIElementState
     super();
   }
 
+  /**
+   * @param {UIElement} ui_element
+   * @param {Vector2} normalized_mouse_position
+   */
   update(ui_element, normalized_mouse_position)
   {
     if (ui_element.is_mouse_over(normalized_mouse_position))

package/src/ui/ui_element_state/OnMouseEnter.js

@@ -1,3 +1,6 @@
+// @ts-check
+import { Vector2 } from 'three'; // eslint-disable-line no-unused-vars
+import { UIElement } from '../../components/UIElement'; // eslint-disable-line no-unused-vars
 import { UIElementState } from './UIElementState';
 
 class OnMouseEnter extends UIElementState
@@ -7,11 +10,19 @@ class OnMouseEnter extends UIElementState
     super();
   }
 
+  /**
+   *
+   * @param {UIElement} ui_element
+   */
   on_enter(ui_element)
   {
     ui_element.on_mouse_enter();
   }
 
+  /**
+   * @param {UIElement} ui_element
+   * @param {Vector2} normalized_mouse_position
+   */
   update(ui_element, normalized_mouse_position)
   {
     if (ui_element.is_mouse_over(normalized_mouse_position))

package/src/ui/ui_element_state/OnMouseExit.js

@@ -1,3 +1,5 @@
+// @ts-check
+import { UIElement } from '../../components/UIElement'; // eslint-disable-line no-unused-vars
 import { UIElementState } from './UIElementState';
 
 class OnMouseExit extends UIElementState
@@ -7,6 +9,9 @@ class OnMouseExit extends UIElementState
     super();
   }
 
+  /**
+   * @param {UIElement} ui_element
+   */
   on_enter(ui_element)
   {
     ui_element.on_mouse_exit();

package/src/ui/ui_element_state/OnMouseHover.js

@@ -1,3 +1,6 @@
+// @ts-check
+import { Vector2 } from 'three'; // eslint-disable-line no-unused-vars
+import { UIElement } from '../../components/UIElement'; // eslint-disable-line no-unused-vars
 import { UIElementState } from './UIElementState';
 
 class OnMouseHover extends UIElementState
@@ -7,11 +10,18 @@ class OnMouseHover extends UIElementState
     super();
   }
 
+  /**
+   * @param {UIElement} ui_element
+   */
   on_enter(ui_element)
   {
     this.__trigger_on_hover(ui_element);
   }
 
+  /**
+   * @param {UIElement} ui_element
+   * @param {Vector2} normalized_mouse_position
+   */
   update(ui_element, normalized_mouse_position)
   {
     if (ui_element.is_mouse_over(normalized_mouse_position))
@@ -24,6 +34,9 @@ class OnMouseHover extends UIElementState
     }
   }
 
+  /**
+   * @param {UIElement} ui_element
+   */
   __trigger_on_hover(ui_element)
   {
     ui_element.on_mouse_hover();

package/src/ui/ui_element_state/UIElementState.js

@@ -1,3 +1,7 @@
+// @ts-check
+import { Vector2 } from 'three'; // eslint-disable-line no-unused-vars
+import { UIElement } from '../../components/UIElement'; // eslint-disable-line no-unused-vars
+
 class UIElementState
 {
   constructor()
@@ -5,15 +9,25 @@ class UIElementState
 
   }
 
-  update(ui_element, normalized_mouse_position)
+  /**
+   * @param {UIElement} ui_element
+   * @param {Vector2} normalized_mouse_position
+   */
+  update(ui_element, normalized_mouse_position) // eslint-disable-line no-unused-vars
   {
 
   }
 
-  on_enter(ui_element)
+  /**
+   * @param {UIElement} ui_element
+   */
+  on_enter(ui_element) // eslint-disable-line no-unused-vars
   {}
 
-  on_exit(ui_element)
+  /**
+   * @param {UIElement} ui_element
+   */
+  on_exit(ui_element) // eslint-disable-line no-unused-vars
   {}
 }
 

package/src/utilities/EasingFunctions.js

@@ -1,3 +1,4 @@
+
 class EasingFunctions
 {
   constructor()
@@ -223,4 +224,8 @@ class EasingFunctions
   }
 }
 
+/**
+ * @typedef {'linear'|'triangular'|'ease_in_sine'|'ease_out_sine'|'ease_in_out_sine'|'ease_in_cubic'|'ease_out_cubic'|'ease_in_out_cubic'|'ease_in_quad'|'ease_out_quad'|'ease_in_out_quad'|'ease_in_quart'|'ease_out_quart'|'ease_in_out_quart'|'ease_in_quint'|'ease_out_quint'|'ease_in_out_quint'|'ease_in_expo'|'ease_out_expo'|'ease_in_out_expo'|'ease_in_circ'|'ease_out_circ'|'ease_in_out_circ'|'ease_in_back'|'ease_out_back'|'ease_in_out_back'|'ease_in_elastic'|'ease_out_elastic'|'ease_in_out_elastic'|'ease_in_bounce'|'ease_out_bounce'|'ease_in_out_bounce'|'heartbeat'} EasingFunctionType
+ */
+
 export { EasingFunctions };

package/types/BaseApplication.d.ts

@@ -1,11 +1,18 @@
-export class BaseApplication {
-    on_post_start(): void;
-    on_enter(): void;
-    on_exit(): void;
-    before_update(): void;
-    update(): void;
-    fixed_update(): void;
-    on_post_render(): void;
-    on_pre_render(): void;
-    on_frame_end(): void;
-}
+export class BaseApplication {
+    on_post_start(): void;
+    /**
+      * @param {RenderLoop} [loop]
+     */
+    on_enter(loop?: RenderLoop): void;
+    /**
+      * @param {RenderLoop} [loop]
+     */
+    on_exit(loop?: RenderLoop): void;
+    before_update(): void;
+    update(): void;
+    fixed_update(): void;
+    on_post_render(): void;
+    on_pre_render(): void;
+    on_frame_end(): void;
+}
+import { RenderLoop } from "./RenderLoop";

package/types/Browser.d.ts

@@ -1,19 +1,20 @@
-export { browser as Browser };
-declare const browser: Browser;
-declare class Browser {
-    init(): Promise<void>;
-    browser_name: string;
-    agent: string;
-    has_web_xr_support: boolean;
-    is_vr: any;
-    version: number;
-    get name(): string;
-    get is_safari(): boolean;
-    get is_chrome(): boolean;
-    get is_edge(): boolean;
-    get is_edge_chromium(): boolean;
-    get has_webm(): boolean;
-    get has_hvec(): boolean;
-    get preferred_video_extension(): "webm" | "hvec.mp4" | "mp4";
-    get_version(): number;
-}
+export { browser as Browser };
+declare const browser: Browser;
+declare class Browser {
+    init(): Promise<void>;
+    browser_name: string;
+    agent: string;
+    has_web_xr_support: boolean;
+    is_vr: boolean;
+    version: number;
+    get name(): string;
+    get is_safari(): boolean;
+    get is_chrome(): boolean;
+    get is_firefox(): boolean;
+    get is_edge(): boolean;
+    get is_edge_chromium(): boolean;
+    get has_webm(): boolean;
+    get has_hvec(): boolean;
+    get preferred_video_extension(): "webm" | "hvec.mp4" | "mp4";
+    get_version(): number;
+}