bg2e-js 2.3.11 → 2.3.13

package/src/render/Environment.ts

@@ -1,136 +1,136 @@
-import Texture, { TextureRenderTargetAttachment, TextureTarget } from "../base/Texture";
-import IrradianceMapCubeShader from "../shaders/IrradianceMapCubeShader";
-import SpecularMapCubeShader from "../shaders/SpecularMapCubeShader";
-import RenderBuffer from "./RenderBuffer";
-import Renderer from "./Renderer";
-import SkySphere from "./SkySphere";
-import SkyCube from "./SkyCube";
-import Mat4 from "../math/Mat4";
-
-type TextureResources = {
-    renderer: Renderer;
-    texture: Texture;
-    renderBuffer: RenderBuffer;
-    skyShape: SkySphere | SkyCube | null;
-}
-
-const createTextureResources = async (renderer: Renderer, size: [number, number]) : Promise<TextureResources> => {
-    const texture = new Texture();
-    texture.renderTargetAttachment = TextureRenderTargetAttachment.COLOR_ATTACHMENT_0;
-    texture.target = TextureTarget.CUBE_MAP;
-    
-    const renderBuffer = renderer.factory.renderBuffer();
-    await renderBuffer.attachTexture(texture);
-    renderBuffer.size = size;
-
-    return { renderer, texture, renderBuffer, skyShape: null };
-}
-
-const destroyTextureResources = (resources: TextureResources) => {
-    resources.texture.destroy();
-    resources.renderBuffer.destroy();
-}
-
-const updateMap = (mapResources: TextureResources) => { 
-    const { renderBuffer, skyShape } = mapResources;
-    renderBuffer.update((face,viewMatrix,projectionMatrix) => {
-        mapResources.renderer.clearBuffer();
-        skyShape?.updateRenderState({
-            viewMatrix: viewMatrix || Mat4.MakeIdentity(),
-            projectionMatrix
-        });
-        skyShape?.draw();
-    })
-}
-
-export default class Environment {
-    protected _renderer: Renderer;
-    protected _updated: boolean = false;
-
-    protected _environmentMapResources: TextureResources | null = null;
-    protected _specularMapResources: TextureResources | null = null;
-    protected _irradianceMapResources: TextureResources | null = null;
-    protected _envMapSize: [number, number] = [512, 512];
-    protected _specMapSize: [number, number] = [128, 128];
-    protected _irrMapSize: [number, number] = [32, 32];
-
-    constructor(renderer: Renderer) {
-        this._renderer = renderer;
-    }
-
-    get renderer() {
-        return this._renderer;
-    }
-
-    get updated() {
-        return this._updated;
-    }
-
-    get environmentMap(): Texture | null {
-        return this._environmentMapResources?.texture || null;
-    }
-
-    get specularMap(): Texture | null {
-        return this._specularMapResources?.texture || null;
-    }
-
-    get irradianceMap(): Texture | null {
-        return this._irradianceMapResources?.texture || null;
-    }
-
-    async load({ 
-        textureUrl = null,
-        environmentMapSize = [ 512, 512 ],
-        specularMapSize = [ 128, 128 ],
-        irradianceMapSize = [32, 32]
-    } : {
-        textureUrl?: string | null,
-        environmentMapSize?: [number, number],
-        specularMapSize?: [number, number],
-        irradianceMapSize?: [number, number]
-    } = {}): Promise<void> {
-        this._envMapSize = environmentMapSize;
-        this._specMapSize = specularMapSize;
-        this._irrMapSize = irradianceMapSize;
-
-        this._environmentMapResources = await createTextureResources(this.renderer, environmentMapSize);
-        const envShape = this.renderer.factory.skySphere();
-        await envShape.load(textureUrl || null);
-        this._environmentMapResources.skyShape = envShape;
-
-        this._specularMapResources = await createTextureResources(this.renderer, specularMapSize);
-        const specShape = this.renderer.factory.skyCube();
-        specShape.load(this._environmentMapResources.texture, SpecularMapCubeShader, [0.5]);
-        this._specularMapResources.skyShape = specShape;
-
-        this._irradianceMapResources = await createTextureResources(this.renderer, irradianceMapSize);
-        const irrShape = this.renderer.factory.skyCube();
-        await irrShape.load(this._environmentMapResources.texture, IrradianceMapCubeShader);
-        this._irradianceMapResources.skyShape = irrShape;
-        this._updated = false;
-    }
-
-    destroy() {
-        this._environmentMapResources && destroyTextureResources(this._environmentMapResources);
-        this._specularMapResources && destroyTextureResources(this._specularMapResources);
-        this._irradianceMapResources && destroyTextureResources(this._irradianceMapResources);
-        this._updated = false;
-    }
-
-    updateMaps() {
-        this._environmentMapResources && updateMap(this._environmentMapResources);
-        this._specularMapResources && updateMap(this._specularMapResources);
-        this._irradianceMapResources && updateMap(this._irradianceMapResources);
-        this._updated = true;
-    }
-
-    async reloadImage(imageUrl: string) {
-        if (!this._environmentMapResources) {
-            return;
-        }
-        if (this._environmentMapResources.skyShape instanceof SkySphere) {
-            await this._environmentMapResources.skyShape.setTexture(imageUrl);
-        }
-        this._updated = false;
-    }
+import Texture, { TextureRenderTargetAttachment, TextureTarget } from "../base/Texture";
+import IrradianceMapCubeShader from "../shaders/IrradianceMapCubeShader";
+import SpecularMapCubeShader from "../shaders/SpecularMapCubeShader";
+import RenderBuffer from "./RenderBuffer";
+import Renderer from "./Renderer";
+import SkySphere from "./SkySphere";
+import SkyCube from "./SkyCube";
+import Mat4 from "../math/Mat4";
+
+type TextureResources = {
+    renderer: Renderer;
+    texture: Texture;
+    renderBuffer: RenderBuffer;
+    skyShape: SkySphere | SkyCube | null;
+}
+
+const createTextureResources = async (renderer: Renderer, size: [number, number]) : Promise<TextureResources> => {
+    const texture = new Texture();
+    texture.renderTargetAttachment = TextureRenderTargetAttachment.COLOR_ATTACHMENT_0;
+    texture.target = TextureTarget.CUBE_MAP;
+    
+    const renderBuffer = renderer.factory.renderBuffer();
+    await renderBuffer.attachTexture(texture);
+    renderBuffer.size = size;
+
+    return { renderer, texture, renderBuffer, skyShape: null };
+}
+
+const destroyTextureResources = (resources: TextureResources) => {
+    resources.texture.destroy();
+    resources.renderBuffer.destroy();
+}
+
+const updateMap = (mapResources: TextureResources) => { 
+    const { renderBuffer, skyShape } = mapResources;
+    renderBuffer.update((face,viewMatrix,projectionMatrix) => {
+        mapResources.renderer.clearBuffer();
+        skyShape?.updateRenderState({
+            viewMatrix: viewMatrix || Mat4.MakeIdentity(),
+            projectionMatrix
+        });
+        skyShape?.draw();
+    })
+}
+
+export default class Environment {
+    protected _renderer: Renderer;
+    protected _updated: boolean = false;
+
+    protected _environmentMapResources: TextureResources | null = null;
+    protected _specularMapResources: TextureResources | null = null;
+    protected _irradianceMapResources: TextureResources | null = null;
+    protected _envMapSize: [number, number] = [512, 512];
+    protected _specMapSize: [number, number] = [128, 128];
+    protected _irrMapSize: [number, number] = [32, 32];
+
+    constructor(renderer: Renderer) {
+        this._renderer = renderer;
+    }
+
+    get renderer() {
+        return this._renderer;
+    }
+
+    get updated() {
+        return this._updated;
+    }
+
+    get environmentMap(): Texture | null {
+        return this._environmentMapResources?.texture || null;
+    }
+
+    get specularMap(): Texture | null {
+        return this._specularMapResources?.texture || null;
+    }
+
+    get irradianceMap(): Texture | null {
+        return this._irradianceMapResources?.texture || null;
+    }
+
+    async load({ 
+        textureUrl = null,
+        environmentMapSize = [ 512, 512 ],
+        specularMapSize = [ 128, 128 ],
+        irradianceMapSize = [32, 32]
+    } : {
+        textureUrl?: string | null,
+        environmentMapSize?: [number, number],
+        specularMapSize?: [number, number],
+        irradianceMapSize?: [number, number]
+    } = {}): Promise<void> {
+        this._envMapSize = environmentMapSize;
+        this._specMapSize = specularMapSize;
+        this._irrMapSize = irradianceMapSize;
+
+        this._environmentMapResources = await createTextureResources(this.renderer, environmentMapSize);
+        const envShape = this.renderer.factory.skySphere();
+        await envShape.load(textureUrl || null);
+        this._environmentMapResources.skyShape = envShape;
+
+        this._specularMapResources = await createTextureResources(this.renderer, specularMapSize);
+        const specShape = this.renderer.factory.skyCube();
+        specShape.load(this._environmentMapResources.texture, SpecularMapCubeShader, [0.5]);
+        this._specularMapResources.skyShape = specShape;
+
+        this._irradianceMapResources = await createTextureResources(this.renderer, irradianceMapSize);
+        const irrShape = this.renderer.factory.skyCube();
+        await irrShape.load(this._environmentMapResources.texture, IrradianceMapCubeShader);
+        this._irradianceMapResources.skyShape = irrShape;
+        this._updated = false;
+    }
+
+    destroy() {
+        this._environmentMapResources && destroyTextureResources(this._environmentMapResources);
+        this._specularMapResources && destroyTextureResources(this._specularMapResources);
+        this._irradianceMapResources && destroyTextureResources(this._irradianceMapResources);
+        this._updated = false;
+    }
+
+    updateMaps() {
+        this._environmentMapResources && updateMap(this._environmentMapResources);
+        this._specularMapResources && updateMap(this._specularMapResources);
+        this._irradianceMapResources && updateMap(this._irradianceMapResources);
+        this._updated = true;
+    }
+
+    async reloadImage(imageUrl: string) {
+        if (!this._environmentMapResources) {
+            return;
+        }
+        if (this._environmentMapResources.skyShape instanceof SkySphere) {
+            await this._environmentMapResources.skyShape.setTexture(imageUrl);
+        }
+        this._updated = false;
+    }
 }

package/src/render/FrameBuffer.ts

@@ -1,35 +1,35 @@
-import type Renderer from "./Renderer";
-
-export interface ClearOptions {
-    color?: boolean;
-    depth?: boolean;
-    stencil?: boolean;
-}
-
-export default class FrameBuffer {
-    protected _renderer: Renderer;
-
-    constructor(renderer: Renderer) {
-        this._renderer = renderer;
-    }
-
-    get renderer(): Renderer {
-        return this._renderer;
-    }
-
-    clearColor(): void {
-        this.clear({ color: true, depth: false, stencil: false });
-    }
-
-    clearDepth(): void {
-        this.clear({ color: true, depth: true, stencil: false });
-    }
-
-    clearStencil(): void {
-        this.clear({color: false, depth: false, stencil: true });
-    }
-
-    clear({ color = true, depth = true, stencil = false }: ClearOptions = {}): void {
-        throw new Error("FrameBuffer: calling base implementation of clear()");
-    }
-}
+import type Renderer from "./Renderer";
+
+export interface ClearOptions {
+    color?: boolean;
+    depth?: boolean;
+    stencil?: boolean;
+}
+
+export default class FrameBuffer {
+    protected _renderer: Renderer;
+
+    constructor(renderer: Renderer) {
+        this._renderer = renderer;
+    }
+
+    get renderer(): Renderer {
+        return this._renderer;
+    }
+
+    clearColor(): void {
+        this.clear({ color: true, depth: false, stencil: false });
+    }
+
+    clearDepth(): void {
+        this.clear({ color: true, depth: true, stencil: false });
+    }
+
+    clearStencil(): void {
+        this.clear({color: false, depth: false, stencil: true });
+    }
+
+    clear({ color = true, depth = true, stencil = false }: ClearOptions = {}): void {
+        throw new Error("FrameBuffer: calling base implementation of clear()");
+    }
+}

package/src/render/MaterialRenderer.ts

@@ -1,34 +1,34 @@
-import Texture from "../base/Texture";
-import Renderer from "./Renderer";
-import Material from "../base/Material";
-import TextureRenderer from "./TextureRenderer";
-
-export default class MaterialRenderer {
-    protected _renderer: Renderer;
-    protected _material: Material;
-
-    constructor(renderer: Renderer, material: Material) {
-        this._renderer = renderer;
-        this._material = material;
-    }
-
-    get renderer() {
-        return this._renderer;
-    }
-
-    get material() {
-        return this._material;
-    }
-
-    getTextureRenderer(materialAttribute: keyof Material): TextureRenderer | null {
-        const element = this.material[materialAttribute];
-        if (element instanceof Texture) {
-            // The texture renderer factory will create a texture renderer, or
-            // return the existing one
-            return this.renderer.factory.texture(element);
-        }
-        return null;
-    }
-
-}
-
+import Texture from "../base/Texture";
+import Renderer from "./Renderer";
+import Material from "../base/Material";
+import TextureRenderer from "./TextureRenderer";
+
+export default class MaterialRenderer {
+    protected _renderer: Renderer;
+    protected _material: Material;
+
+    constructor(renderer: Renderer, material: Material) {
+        this._renderer = renderer;
+        this._material = material;
+    }
+
+    get renderer() {
+        return this._renderer;
+    }
+
+    get material() {
+        return this._material;
+    }
+
+    getTextureRenderer(materialAttribute: keyof Material): TextureRenderer | null {
+        const element = this.material[materialAttribute];
+        if (element instanceof Texture) {
+            // The texture renderer factory will create a texture renderer, or
+            // return the existing one
+            return this.renderer.factory.texture(element);
+        }
+        return null;
+    }
+
+}
+

package/src/render/Pipeline.ts

@@ -1,109 +1,109 @@
-export enum BlendEquation {
-    ADD = 1,
-    SUBTRACT = 2,
-    REVERSE_SUBTRACT = 3
-}
-
-export enum BlendFunction {
-    NULL = 0,
-    ZERO = 1,
-    ONE = 2,
-    SRC_COLOR = 3,
-    ONE_MINUS_SRC_COLOR = 4,
-    DST_COLOR = 5,
-    ONE_MINUS_DST_COLOR = 6,
-    SRC_ALPHA = 7,
-    ONE_MINUS_SRC_ALPHA = 8,
-    DST_ALPHA = 9,
-    ONE_MINUS_DST_ALPHA = 10
-}
-
-export interface BlendState {
-    enabled: boolean;
-    blendEquation: BlendEquation;
-    blendFuncSrc: BlendFunction;
-    blendFuncDst: BlendFunction;
-    blendFuncSrcAlpha: BlendFunction;
-    blendFuncDstAlpha: BlendFunction;
-}
-
-export interface BlendStateParams {
-    enabled?: boolean;
-    blendEquation?: BlendEquation;
-    blendFuncSrc?: BlendFunction;
-    blendFuncDst?: BlendFunction;
-    blendFuncSrcAlpha?: BlendFunction;
-    blendFuncDstAlpha?: BlendFunction;
-}
-
-export default class Pipeline {
-    protected _renderer: any;
-    protected _blendState: BlendState = {
-        enabled: false,
-        blendEquation: BlendEquation.ADD,
-        blendFuncSrc: BlendFunction.SRC_ALPHA,
-        blendFuncDst: BlendFunction.ONE_MINUS_SRC_ALPHA,
-        blendFuncSrcAlpha: BlendFunction.SRC_ALPHA,
-        blendFuncDstAlpha: BlendFunction.ONE_MINUS_SRC_ALPHA
-    }
-    protected _depthTestEnabled: boolean;
-    protected _cullFace: boolean;
-
-    constructor(renderer: any) {
-        this._renderer = renderer;
-
-        this._depthTestEnabled = true;
-
-        this._cullFace = true;
-    }
-
-    get renderer(): any {
-        return this._renderer;
-    }
-
-    setBlendState({
-        enabled = false,
-        blendEquation = BlendEquation.ADD,
-        blendFuncSrc = BlendFunction.SRC_ALPHA,
-        blendFuncDst = BlendFunction.ONE_MINUS_SRC_ALPHA,
-        blendFuncSrcAlpha = BlendFunction.SRC_ALPHA,
-        blendFuncDstAlpha = BlendFunction.ONE_MINUS_SRC_ALPHA
-    }: BlendStateParams = {}): void {
-        this._blendState = {
-            enabled,
-            blendEquation,
-            blendFuncSrc,
-            blendFuncDst,
-            blendFuncSrcAlpha,
-            blendFuncDstAlpha
-        }
-    }
-
-    get blendState(): BlendState {
-        return this._blendState;
-    }
-
-    get depthTest(): boolean {
-        return this._depthTestEnabled;
-    }
-
-    set depthTest(dt: boolean) {
-        this._depthTestEnabled = dt;
-    }
-
-    set cullFace(cf: boolean) {
-        this._cullFace = cf;
-    }
-
-    get cullFace(): boolean {
-        return this._cullFace;
-    }
-    
-    create(): void {
-        throw new Error("Pipeline.create(): calling base class method.");
-    }
-
-    activate(): void {
-        throw new Error("Pipeline.activate(): calling base class method.");
-    }
+export enum BlendEquation {
+    ADD = 1,
+    SUBTRACT = 2,
+    REVERSE_SUBTRACT = 3
+}
+
+export enum BlendFunction {
+    NULL = 0,
+    ZERO = 1,
+    ONE = 2,
+    SRC_COLOR = 3,
+    ONE_MINUS_SRC_COLOR = 4,
+    DST_COLOR = 5,
+    ONE_MINUS_DST_COLOR = 6,
+    SRC_ALPHA = 7,
+    ONE_MINUS_SRC_ALPHA = 8,
+    DST_ALPHA = 9,
+    ONE_MINUS_DST_ALPHA = 10
+}
+
+export interface BlendState {
+    enabled: boolean;
+    blendEquation: BlendEquation;
+    blendFuncSrc: BlendFunction;
+    blendFuncDst: BlendFunction;
+    blendFuncSrcAlpha: BlendFunction;
+    blendFuncDstAlpha: BlendFunction;
+}
+
+export interface BlendStateParams {
+    enabled?: boolean;
+    blendEquation?: BlendEquation;
+    blendFuncSrc?: BlendFunction;
+    blendFuncDst?: BlendFunction;
+    blendFuncSrcAlpha?: BlendFunction;
+    blendFuncDstAlpha?: BlendFunction;
+}
+
+export default class Pipeline {
+    protected _renderer: any;
+    protected _blendState: BlendState = {
+        enabled: false,
+        blendEquation: BlendEquation.ADD,
+        blendFuncSrc: BlendFunction.SRC_ALPHA,
+        blendFuncDst: BlendFunction.ONE_MINUS_SRC_ALPHA,
+        blendFuncSrcAlpha: BlendFunction.SRC_ALPHA,
+        blendFuncDstAlpha: BlendFunction.ONE_MINUS_SRC_ALPHA
+    }
+    protected _depthTestEnabled: boolean;
+    protected _cullFace: boolean;
+
+    constructor(renderer: any) {
+        this._renderer = renderer;
+
+        this._depthTestEnabled = true;
+
+        this._cullFace = true;
+    }
+
+    get renderer(): any {
+        return this._renderer;
+    }
+
+    setBlendState({
+        enabled = false,
+        blendEquation = BlendEquation.ADD,
+        blendFuncSrc = BlendFunction.SRC_ALPHA,
+        blendFuncDst = BlendFunction.ONE_MINUS_SRC_ALPHA,
+        blendFuncSrcAlpha = BlendFunction.SRC_ALPHA,
+        blendFuncDstAlpha = BlendFunction.ONE_MINUS_SRC_ALPHA
+    }: BlendStateParams = {}): void {
+        this._blendState = {
+            enabled,
+            blendEquation,
+            blendFuncSrc,
+            blendFuncDst,
+            blendFuncSrcAlpha,
+            blendFuncDstAlpha
+        }
+    }
+
+    get blendState(): BlendState {
+        return this._blendState;
+    }
+
+    get depthTest(): boolean {
+        return this._depthTestEnabled;
+    }
+
+    set depthTest(dt: boolean) {
+        this._depthTestEnabled = dt;
+    }
+
+    set cullFace(cf: boolean) {
+        this._cullFace = cf;
+    }
+
+    get cullFace(): boolean {
+        return this._cullFace;
+    }
+    
+    create(): void {
+        throw new Error("Pipeline.create(): calling base class method.");
+    }
+
+    activate(): void {
+        throw new Error("Pipeline.activate(): calling base class method.");
+    }
 }