lijialiang / lut-filter

Rendering image with LUT filter effect.

LUT Filter

Rendering image with LUT filter effect.

Install

# yarn
yarn add lut-filter
# npm
npm install lut-filter

Usage

WebGL

import lutFilter from 'lut-filter/webgl'

lutFilter({
  canvas: <HTMLCanvasElement>,
  image: <HTMLImageElement>,
  filterImage: <HTMLImageElement>
})

Playground

WebGPU

import lutFilter from 'lut-filter/webgpu'

lutFilter({
  canvas: <HTMLCanvasElement>,
  image: <HTMLImageElement>,
  filterImage: <HTMLImageElement>
})

Playground

WebGPU vs WebGL

LICENSE

MIT