Narcissistic Project Managers

    glsl-chromatic-aberration

    1.0.1 • Public • Published

    glsl-chromatic-aberration

    glslify module for fast approximation of chromatic aberration as a post processing (fullscreen) effect.

    The function shifts each RGB channel separately in the given direction.

    Combine with a directional blur pass for more convincing results.

    Installation

    glslify is required for importing.

    yarn add glsl-chromatic-aberration
    
    npm i glsl-chromatic-aberration --save
    

    Usage

    vec4 ca( sampler2D image, vec2 uv, vec2 resolution, vec2 direction )

    The function shifts each RGB channel of image separately in the given direction and returns the color for the pixel at uv.

    Example

    #pragma glslify: ca require('glsl-chromatic-aberration') 
     
    uniform vec2 iResolution;
    uniform sampler2D iChannel0;
     
    void main() {
      vec2 uv = gl_FragCoord.xy / iResolution;
      vec2 direction = ( uv - .5 ) * 10.0;
      
      gl_FragColor = ca( iChannel0, uv, iResolution.xy, direction );
    }

    Install

    npm i glsl-chromatic-aberration

    DownloadsWeekly Downloads

    5

    Version

    1.0.1

    License

    MIT

    Unpacked Size

    2.16 kB

    Total Files

    3

    Last publish

    Collaborators

    • johh