JSPM

@ahmerhh/webgraphiclibrary-fixedbaseoperator

0.0.2
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • 0
  • Score
    100M100P100Q21404F
  • License MIT

WebWebGraphicLibrary framebuffer wrapper.

Package Exports

    This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@ahmerhh/webgraphiclibrary-fixedbaseoperator) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    Graphics Library - Fixed Base Operator

    WebGraphicsLibrary Render Target Encapsulation.

    Installation

    $ npm install --save @ahmerhh/WebGraphicsLibrary_FixedBaseOperator

    Usage

    import FixedBaseOperator from '@ahmerhh/WebGraphicLibrary_FixedBaseOperator';
    
    
    // setup context(Graphic Library), program and buffers
    
    const FixedBaseOperator = new FixedBaseOperator(context, 512, 512);
    
    // render to FixedBaseOperator
    FixedBaseOperator.bind();
    context.drawElements(context.POINTS, 0, 6);
    FixedBaseOperator.unbind();
    
    // render to default framebuffer
    context.drawElements(context.POINTS, 0, 6);

    API

    FixedBaseOperator = new FixedBaseOperator(context, width, height)

    Create a new instance, where context is the Webcontext context.

    FixedBaseOperator.bind()

    Make the FixedBaseOperator the active one. Every draw calls will target him. To restore the default framebuffer call FixedBaseOperator.unbind() or context.bindFramebuffer(context.FRAMEBUFFER, null).

    FixedBaseOperator.unbind()

    Same as calling context.bindFramebuffer(context.FRAMEBUFFER, null);.

    FixedBaseOperator.dispose()

    Delete instance and underlying Texture. Calls context.deleteFramebuffer.

    License

    MIT, see LICENSE.md for more details.