@next2d/webgl 1.18.12 → 2.0.0

package/dist/FrameBufferManager.d.ts

@@ -1,174 +0,0 @@
-import { TextureManager } from "./TextureManager";
-import type { AttachmentImpl } from "./interface/AttachmentImpl";
-import type { CachePositionImpl } from "./interface/CachePositionImpl";
-/**
- * @class
- */
-export declare class FrameBufferManager {
-    private _$gl;
-    private _$objectPool;
-    private _$currentAttachment;
-    private _$isBinding;
-    private _$isRenderBinding;
-    private readonly _$frameBuffer;
-    private readonly _$frameBufferTexture;
-    private readonly _$textureManager;
-    private readonly _$stencilBufferPool;
-    private readonly _$colorBufferPool;
-    private readonly _$stencilBuffer;
-    private readonly _$colorBuffer;
-    /**
-     * @param {WebGL2RenderingContext} gl
-     * @param {number} samples
-     * @constructor
-     */
-    constructor(gl: WebGL2RenderingContext, samples: number);
-    /**
-     * @description 描画用のbufferをbind
-     *
-     * @return {void}
-     * @method
-     * @public
-     */
-    bindRenderBuffer(): void;
-    /**
-     * @member {AttachmentImpl|null}
-     * @readonly
-     * @public
-     */
-    get currentAttachment(): AttachmentImpl | null;
-    /**
-     * @member {TextureManager}
-     * @readonly
-     * @public
-     */
-    get textureManager(): TextureManager;
-    /**
-     * @param  {number}  width
-     * @param  {number}  height
-     * @param  {boolean} [multisample=false]
-     * @param  {number}  [samples=0]
-     * @return {AttachmentImpl}
-     * @method
-     * @public
-     */
-    createCacheAttachment(width: number, height: number, multisample?: boolean, samples?: number): AttachmentImpl;
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    clearCache(): void;
-    /**
-     * @param  {number} width
-     * @param  {number} height
-     * @return {void}
-     * @method
-     * @public
-     */
-    setMaxSize(width: number, height: number): void;
-    /**
-     * @param  {number} width
-     * @param  {number} height
-     * @return {AttachmentImpl}
-     * @method
-     * @public
-     */
-    createTextureAttachment(width: number, height: number): AttachmentImpl;
-    /**
-     * @param  {WebGLTexture} texture
-     * @return {AttachmentImpl}
-     * @method
-     * @public
-     */
-    createTextureAttachmentFrom(texture: WebGLTexture): AttachmentImpl;
-    /**
-     * @param  {AttachmentImpl} [attachment = null]
-     * @param  {boolean} [should_release_texture=false]
-     * @return {void}
-     * @method
-     * @public
-     */
-    releaseAttachment(attachment?: AttachmentImpl | null, should_release_texture?: boolean): void;
-    /**
-     * @param  {object} attachment
-     * @return {void}
-     * @method
-     * @public
-     */
-    bind(attachment: AttachmentImpl): void;
-    /**
-     * @return void
-     * @method
-     * @public
-     */
-    unbind(): void;
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    transferToMainTexture(): void;
-    /**
-     * @param  {number} width
-     * @param  {number} height
-     * @return {object}
-     * @method
-     * @public
-     */
-    createCachePosition(width: number, height: number): CachePositionImpl;
-    /**
-     * @param  {object} position
-     * @return {void}
-     * @method
-     * @public
-     */
-    transferTexture(position: CachePositionImpl): void;
-    /**
-     * @return {WebGLTexture}
-     * @method
-     * @public
-     */
-    getTextureFromCurrentAttachment(): WebGLTexture;
-    /**
-     * @param  {number}     width
-     * @param  {number}     height
-     * @param  {Uint8Array} [pixels=null]
-     * @param  {boolean}    [premultipliedAlpha=false]
-     * @param  {boolean}    [flip_y=true]
-     * @return {WebGLTexture}
-     * @public
-     */
-    createTextureFromPixels(width: number, height: number, pixels?: Uint8Array | null, premultipliedAlpha?: boolean, flip_y?: boolean): WebGLTexture;
-    /**
-     * @param  {HTMLCanvasElement} canvas
-     * @return {WebGLTexture}
-     * @public
-     */
-    createTextureFromCanvas(canvas: HTMLCanvasElement | OffscreenCanvas): WebGLTexture;
-    /**
-     * @param  {HTMLImageElement} image
-     * @param  {boolean} [smoothing=false]
-     * @return {WebGLTexture}
-     * @public
-     */
-    createTextureFromImage(image: HTMLImageElement, smoothing?: boolean): WebGLTexture;
-    /**
-     * @param  {HTMLVideoElement} video
-     * @param  {boolean} [smoothing=false]
-     * @return {WebGLTexture}
-     * @public
-     */
-    createTextureFromVideo(video: HTMLVideoElement, smoothing?: boolean): WebGLTexture;
-    /**
-     * @return {WebGLTexture}
-     * @public
-     */
-    createTextureFromCurrentAttachment(): WebGLTexture;
-    /**
-     * @param  {WebGLTexture} texture
-     * @return void
-     * @public
-     */
-    releaseTexture(texture: WebGLTexture): void;
-}

package/dist/FrameBufferManager.js

@@ -1,467 +0,0 @@
-import { TextureManager } from "./TextureManager";
-import { StencilBufferPool } from "./StencilBufferPool";
-import { ColorBufferPool } from "./ColorBufferPool";
-import { $Math } from "@next2d/share";
-import { $RENDER_SIZE } from "./Const";
-/**
- * @class
- */
-export class FrameBufferManager {
-    /**
-     * @param {WebGL2RenderingContext} gl
-     * @param {number} samples
-     * @constructor
-     */
-    constructor(gl, samples) {
-        /**
-         * @type {WebGL2RenderingContext}
-         * @private
-         */
-        this._$gl = gl;
-        /**
-         * @type {array}
-         * @private
-         */
-        this._$objectPool = [];
-        /**
-         * @type {WebGLFramebuffer}
-         * @private
-         */
-        this._$frameBuffer = gl.createFramebuffer();
-        gl.bindFramebuffer(gl.READ_FRAMEBUFFER, this._$frameBuffer);
-        /**
-         * @type {WebGLFramebuffer}
-         * @private
-         */
-        this._$frameBufferTexture = gl.createFramebuffer();
-        /**
-         * @type {AttachmentImpl}
-         * @default null
-         * @private
-         */
-        this._$currentAttachment = null;
-        /**
-         * @type {boolean}
-         * @default false
-         * @private
-         */
-        this._$isBinding = false;
-        /**
-         * @type {TextureManager}
-         * @private
-         */
-        this._$textureManager = new TextureManager(gl);
-        /**
-         * @type {StencilBufferPool}
-         * @private
-         */
-        this._$stencilBufferPool = new StencilBufferPool(gl);
-        /**
-         * @type {ColorBufferPool}
-         * @private
-         */
-        this._$colorBufferPool = new ColorBufferPool(gl, samples);
-        /**
-         * @type {boolean}
-         * @default false
-         * @private
-         */
-        this._$isRenderBinding = false;
-        /**
-         * @type {WebGLRenderbuffer}
-         * @private
-         */
-        this._$colorBuffer = this._$gl.createRenderbuffer();
-        this._$gl.bindRenderbuffer(this._$gl.RENDERBUFFER, this._$colorBuffer);
-        this._$gl.renderbufferStorageMultisample(this._$gl.RENDERBUFFER, samples, this._$gl.RGBA8, $RENDER_SIZE, $RENDER_SIZE);
-        /**
-         * @type {WebGLRenderbuffer}
-         * @private
-         */
-        this._$stencilBuffer = this._$gl.createRenderbuffer();
-        this._$gl.bindRenderbuffer(this._$gl.RENDERBUFFER, this._$stencilBuffer);
-        this._$gl.renderbufferStorageMultisample(this._$gl.RENDERBUFFER, samples, this._$gl.STENCIL_INDEX8, $RENDER_SIZE, $RENDER_SIZE);
-    }
-    /**
-     * @description 描画用のbufferをbind
-     *
-     * @return {void}
-     * @method
-     * @public
-     */
-    bindRenderBuffer() {
-        if (!this._$isBinding) {
-            this._$isBinding = true;
-            this._$gl.bindFramebuffer(this._$gl.FRAMEBUFFER, this._$frameBuffer);
-        }
-        if (!this._$isRenderBinding) {
-            this._$isRenderBinding = true;
-            this._$gl.bindRenderbuffer(this._$gl.RENDERBUFFER, this._$colorBuffer);
-            this._$gl.framebufferRenderbuffer(this._$gl.FRAMEBUFFER, this._$gl.COLOR_ATTACHMENT0, this._$gl.RENDERBUFFER, this._$colorBuffer);
-            this._$gl.bindRenderbuffer(this._$gl.RENDERBUFFER, this._$stencilBuffer);
-            this._$gl.framebufferRenderbuffer(this._$gl.FRAMEBUFFER, this._$gl.STENCIL_ATTACHMENT, this._$gl.RENDERBUFFER, this._$stencilBuffer);
-        }
-    }
-    /**
-     * @member {AttachmentImpl|null}
-     * @readonly
-     * @public
-     */
-    get currentAttachment() {
-        return this._$currentAttachment;
-    }
-    /**
-     * @member {TextureManager}
-     * @readonly
-     * @public
-     */
-    get textureManager() {
-        return this._$textureManager;
-    }
-    /**
-     * @param  {number}  width
-     * @param  {number}  height
-     * @param  {boolean} [multisample=false]
-     * @param  {number}  [samples=0]
-     * @return {AttachmentImpl}
-     * @method
-     * @public
-     */
-    createCacheAttachment(width, height, multisample = false, samples = 0) {
-        const attachment = this._$objectPool.pop() || {
-            "width": 0,
-            "height": 0,
-            "color": null,
-            "texture": null,
-            "msaa": false,
-            "stencil": null,
-            "mask": false,
-            "clipLevel": 0,
-            "isActive": false
-        };
-        const texture = this._$textureManager.create(width, height);
-        attachment.width = width;
-        attachment.height = height;
-        if (multisample) {
-            attachment.color = this._$colorBufferPool.create(width, height, samples);
-            attachment.texture = texture;
-            attachment.msaa = true;
-            attachment.stencil = attachment.color.stencil;
-        }
-        else {
-            attachment.color = texture;
-            attachment.texture = texture;
-            attachment.msaa = false;
-            attachment.stencil = this._$stencilBufferPool.create(width, height);
-        }
-        attachment.mask = false;
-        attachment.clipLevel = 0;
-        attachment.isActive = true;
-        return attachment;
-    }
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    clearCache() {
-        this._$textureManager.clearCache();
-    }
-    /**
-     * @param  {number} width
-     * @param  {number} height
-     * @return {void}
-     * @method
-     * @public
-     */
-    setMaxSize(width, height) {
-        this._$stencilBufferPool._$maxWidth = width;
-        this._$stencilBufferPool._$maxHeight = height;
-        this._$textureManager._$maxWidth = width;
-        this._$textureManager._$maxHeight = height;
-    }
-    /**
-     * @param  {number} width
-     * @param  {number} height
-     * @return {AttachmentImpl}
-     * @method
-     * @public
-     */
-    createTextureAttachment(width, height) {
-        const attachment = this._$objectPool.pop() || {
-            "width": 0,
-            "height": 0,
-            "color": null,
-            "texture": null,
-            "msaa": false,
-            "stencil": null,
-            "mask": false,
-            "clipLevel": 0,
-            "isActive": false
-        };
-        const texture = this._$textureManager.create(width, height);
-        attachment.width = width;
-        attachment.height = height;
-        attachment.color = texture;
-        attachment.texture = texture;
-        attachment.msaa = false;
-        attachment.stencil = null;
-        attachment.mask = false;
-        attachment.clipLevel = 0;
-        attachment.isActive = true;
-        return attachment;
-    }
-    /**
-     * @param  {WebGLTexture} texture
-     * @return {AttachmentImpl}
-     * @method
-     * @public
-     */
-    createTextureAttachmentFrom(texture) {
-        const attachment = this._$objectPool.pop() || {
-            "width": 0,
-            "height": 0,
-            "color": null,
-            "texture": null,
-            "msaa": false,
-            "stencil": null,
-            "mask": false,
-            "clipLevel": 0,
-            "isActive": true
-        };
-        attachment.width = texture.width;
-        attachment.height = texture.height;
-        attachment.color = texture;
-        attachment.texture = texture;
-        attachment.msaa = false;
-        attachment.stencil = null;
-        attachment.mask = false;
-        attachment.clipLevel = 0;
-        attachment.isActive = true;
-        return attachment;
-    }
-    /**
-     * @param  {AttachmentImpl} [attachment = null]
-     * @param  {boolean} [should_release_texture=false]
-     * @return {void}
-     * @method
-     * @public
-     */
-    releaseAttachment(attachment = null, should_release_texture = false) {
-        if (!attachment || !attachment.isActive) {
-            return;
-        }
-        if (attachment.msaa) {
-            if (attachment.color instanceof WebGLRenderbuffer) {
-                this._$colorBufferPool.release(attachment.color);
-            }
-        }
-        else if (attachment.stencil) {
-            this._$stencilBufferPool.release(attachment.stencil);
-        }
-        if (should_release_texture && attachment.texture) {
-            this._$textureManager.release(attachment.texture);
-        }
-        attachment.color = null;
-        attachment.texture = null;
-        attachment.stencil = null;
-        attachment.isActive = false;
-        this._$objectPool.push(attachment);
-    }
-    /**
-     * @param  {object} attachment
-     * @return {void}
-     * @method
-     * @public
-     */
-    bind(attachment) {
-        this._$currentAttachment = attachment;
-        if (!this._$isBinding) {
-            this._$isBinding = true;
-            this._$gl.bindFramebuffer(this._$gl.FRAMEBUFFER, this._$frameBuffer);
-        }
-        if (attachment.msaa) {
-            if (attachment.color instanceof WebGLRenderbuffer) {
-                this._$gl.bindRenderbuffer(this._$gl.RENDERBUFFER, attachment.color);
-                this._$gl.framebufferRenderbuffer(this._$gl.FRAMEBUFFER, this._$gl.COLOR_ATTACHMENT0, this._$gl.RENDERBUFFER, attachment.color);
-            }
-        }
-        else {
-            if (attachment.color instanceof WebGLTexture) {
-                if (attachment.color) {
-                    this._$textureManager.bind0(attachment.color);
-                }
-                this._$gl.framebufferTexture2D(this._$gl.FRAMEBUFFER, this._$gl.COLOR_ATTACHMENT0, this._$gl.TEXTURE_2D, attachment.color, 0);
-            }
-        }
-        this._$gl.bindRenderbuffer(this._$gl.RENDERBUFFER, attachment.stencil);
-        this._$gl.framebufferRenderbuffer(this._$gl.FRAMEBUFFER, this._$gl.STENCIL_ATTACHMENT, this._$gl.RENDERBUFFER, attachment.stencil);
-        this._$isRenderBinding = false;
-    }
-    /**
-     * @return void
-     * @method
-     * @public
-     */
-    unbind() {
-        this._$currentAttachment = null;
-        if (this._$isBinding) {
-            this._$isBinding = false;
-            this._$gl.bindFramebuffer(this._$gl.FRAMEBUFFER, null);
-        }
-    }
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    transferToMainTexture() {
-        if (!this._$currentAttachment) {
-            throw new Error("the current attachment is null.");
-        }
-        const width = this._$currentAttachment.width;
-        const height = this._$currentAttachment.height;
-        const texture = this._$currentAttachment.texture;
-        if (!texture) {
-            throw new Error("the texture is null.");
-        }
-        this._$gl.bindFramebuffer(this._$gl.DRAW_FRAMEBUFFER, this._$frameBufferTexture);
-        this._$textureManager.bind0(texture);
-        this._$gl.framebufferTexture2D(this._$gl.FRAMEBUFFER, this._$gl.COLOR_ATTACHMENT0, this._$gl.TEXTURE_2D, texture, 0);
-        // use main Framebuffer
-        this._$gl.bindFramebuffer(this._$gl.DRAW_FRAMEBUFFER, null);
-        // execute
-        this._$gl.blitFramebuffer(0, 0, width, height, 0, 0, width, height, this._$gl.COLOR_BUFFER_BIT, this._$gl.NEAREST);
-        // reset
-        this._$gl.bindFramebuffer(this._$gl.DRAW_FRAMEBUFFER, this._$frameBuffer);
-    }
-    /**
-     * @param  {number} width
-     * @param  {number} height
-     * @return {object}
-     * @method
-     * @public
-     */
-    createCachePosition(width, height) {
-        return this
-            ._$textureManager
-            .createCachePosition(width, height);
-    }
-    /**
-     * @param  {object} position
-     * @return {void}
-     * @method
-     * @public
-     */
-    transferTexture(position) {
-        this._$gl.disable(this._$gl.SCISSOR_TEST);
-        this._$gl.bindFramebuffer(this._$gl.DRAW_FRAMEBUFFER, this._$frameBufferTexture);
-        const texture = this
-            ._$textureManager
-            .getAtlasTexture(position.index);
-        this._$textureManager.bind0(texture);
-        this._$gl.framebufferTexture2D(this._$gl.FRAMEBUFFER, this._$gl.COLOR_ATTACHMENT0, this._$gl.TEXTURE_2D, texture, 0);
-        const x0 = $Math.max(0, position.x - 1);
-        const y0 = $Math.max(0, position.y - 1);
-        const x1 = $Math.min($RENDER_SIZE, position.x + position.w + 1);
-        const y1 = $Math.min($RENDER_SIZE, position.y + position.h + 1);
-        this._$gl.blitFramebuffer(x0, y0, x1, y1, x0, y0, x1, y1, this._$gl.COLOR_BUFFER_BIT, this._$gl.NEAREST);
-        this._$gl.bindFramebuffer(this._$gl.FRAMEBUFFER, this._$frameBuffer);
-    }
-    /**
-     * @return {WebGLTexture}
-     * @method
-     * @public
-     */
-    getTextureFromCurrentAttachment() {
-        if (!this._$currentAttachment) {
-            throw new Error("the current attachment is null.");
-        }
-        if (!this._$currentAttachment.msaa
-            && this._$currentAttachment.texture) {
-            return this._$currentAttachment.texture;
-        }
-        const width = this._$currentAttachment.width;
-        const height = this._$currentAttachment.height;
-        const texture = this._$currentAttachment.texture;
-        if (!texture) {
-            throw new Error("the texture is null.");
-        }
-        texture.dirty = false;
-        this._$gl.bindFramebuffer(this._$gl.DRAW_FRAMEBUFFER, this._$frameBufferTexture);
-        this._$textureManager.bind0(texture);
-        this._$gl.framebufferTexture2D(this._$gl.FRAMEBUFFER, this._$gl.COLOR_ATTACHMENT0, this._$gl.TEXTURE_2D, texture, 0);
-        this._$gl.blitFramebuffer(0, 0, width, height, 0, 0, width, height, this._$gl.COLOR_BUFFER_BIT, this._$gl.NEAREST);
-        this._$gl.bindFramebuffer(this._$gl.FRAMEBUFFER, this._$frameBuffer);
-        return texture;
-    }
-    /**
-     * @param  {number}     width
-     * @param  {number}     height
-     * @param  {Uint8Array} [pixels=null]
-     * @param  {boolean}    [premultipliedAlpha=false]
-     * @param  {boolean}    [flip_y=true]
-     * @return {WebGLTexture}
-     * @public
-     */
-    createTextureFromPixels(width, height, pixels = null, premultipliedAlpha = false, flip_y = true) {
-        return this
-            ._$textureManager
-            .create(width, height, pixels, premultipliedAlpha, flip_y);
-    }
-    /**
-     * @param  {HTMLCanvasElement} canvas
-     * @return {WebGLTexture}
-     * @public
-     */
-    createTextureFromCanvas(canvas) {
-        return this
-            ._$textureManager
-            .createFromCanvas(canvas);
-    }
-    /**
-     * @param  {HTMLImageElement} image
-     * @param  {boolean} [smoothing=false]
-     * @return {WebGLTexture}
-     * @public
-     */
-    createTextureFromImage(image, smoothing = false) {
-        return this
-            ._$textureManager
-            .createFromImage(image, smoothing);
-    }
-    /**
-     * @param  {HTMLVideoElement} video
-     * @param  {boolean} [smoothing=false]
-     * @return {WebGLTexture}
-     * @public
-     */
-    createTextureFromVideo(video, smoothing = false) {
-        return this
-            ._$textureManager
-            .createFromVideo(video, smoothing);
-    }
-    /**
-     * @return {WebGLTexture}
-     * @public
-     */
-    createTextureFromCurrentAttachment() {
-        if (!this._$currentAttachment) {
-            throw new Error("the current attachment is null.");
-        }
-        const width = this._$currentAttachment.width;
-        const height = this._$currentAttachment.height;
-        const texture = this._$textureManager.create(width, height);
-        this._$textureManager.bind0(texture);
-        this._$gl.copyTexSubImage2D(this._$gl.TEXTURE_2D, 0, 0, 0, 0, 0, width, height);
-        return texture;
-    }
-    /**
-     * @param  {WebGLTexture} texture
-     * @return void
-     * @public
-     */
-    releaseTexture(texture) {
-        this._$textureManager.release(texture);
-    }
-}

package/dist/StencilBufferPool.d.ts

@@ -1,56 +0,0 @@
-/**
- * @class
- */
-export declare class StencilBufferPool {
-    private readonly _$gl;
-    private readonly _$objectPool;
-    private _$objectPoolArea;
-    _$maxWidth: number;
-    _$maxHeight: number;
-    /**
-     * @param {WebGL2RenderingContext} gl
-     * @constructor
-     */
-    constructor(gl: WebGL2RenderingContext);
-    /**
-     * @member {number}
-     * @param {number} max_width
-     * @public
-     */
-    set maxWidth(max_width: number);
-    /**
-     * @member {number}
-     * @param {number} max_height
-     * @public
-     */
-    set maxHeight(max_height: number);
-    /**
-     * @return {WebGLRenderbuffer}
-     * @method
-     * @private
-     */
-    _$createStencilBuffer(): WebGLRenderbuffer;
-    /**
-     * @param  {number}  width
-     * @param  {number}  height
-     * @return {WebGLRenderbuffer}
-     * @method
-     * @private
-     */
-    _$getStencilBuffer(width: number, height: number): WebGLRenderbuffer;
-    /**
-     * @param  {number}  width
-     * @param  {number}  height
-     * @return {WebGLRenderbuffer}
-     * @method
-     * @public
-     */
-    create(width: number, height: number): WebGLRenderbuffer;
-    /**
-     * @param  {WebGLRenderbuffer} stencilBuffer
-     * @return {void}
-     * @method
-     * @public
-     */
-    release(stencilBuffer: WebGLRenderbuffer): void;
-}