https://github.com/lijialiang/lut-filter

Rendering image with LUT filter effect.
https://github.com/lijialiang/lut-filter

canvas webgl webgpu

Last synced: 8 days ago
JSON representation

Rendering image with LUT filter effect.

• Host: GitHub
• URL: https://github.com/lijialiang/lut-filter
• Owner: lijialiang
• Created: 2019-08-12T01:39:55.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-03-06T03:48:14.000Z (over 1 year ago)
• Last Synced: 2024-11-02T05:33:40.236Z (13 days ago)
• Topics: canvas, webgl, webgpu
• Language: TypeScript
• Homepage:
• Size: 2.29 MB
• Stars: 10
• Watchers: 1
• Forks: 1
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# LUT Filter ![](https://img.shields.io/npm/v/lut-filter?style=flat-square)

Rendering image with LUT filter effect.

## Install

```sh

# yarn

yarn add lut-filter

# npm

npm install lut-filter

```

## Usage

### WebGL

```js

import lutFilter from 'lut-filter/webgl'

lutFilter({

  canvas: ,

  image: ,

  filterImage: 

})

```

[Playground](https://jsbin.com/gixozet)

### WebGPU

```js

import lutFilter from 'lut-filter/webgpu'

lutFilter({

  canvas: ,

  image: ,

  filterImage: 

})

```

[Playground](https://jsbin.com/daxexom)

## WebGPU vs WebGL

![](docs/webgpu-vs-webgl.png)

## LICENSE

[MIT](LICENSE)