gaussian-blur

optimized 9-tap gaussian blur for GLSL

Usage no npm install needed!

<script type="module">
  import gaussianBlur from 'https://cdn.skypack.dev/gaussian-blur';
</script>

README

gaussian-blur

Test Dependency Status

Optimized separable gaussian blurs for GLSL. This is adapted from Efficient Gaussian Blur with Linear Sampling.

demo

Installation

npm install gaussian-blur

Usage

import Blur from 'gaussian-blur';

const img = new Image();
img.src = imgSrc;

const canvas = document.querySelector("canvas");
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;

const blur = new Blur(canvas, img);
blur.draw(2);

Running examples

git clone https://github.com/amilajack/gaussian-blur
cd gaussian-blur
yarn
# Run the example
yarn start
# Build the lib
yarn build

Related