Skip to content

🎨 An implementation of the Erik Reinhard's Color Transfer Between Images using WebGL

Notifications You must be signed in to change notification settings

BaldissaraMatheus/color-transfer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Color Transfer Between Images

image This an implementation of the color transfer method Color Transfer Between Images made with WebGL. The user interface was created with React, Typescript and TailwindCSS.

You can experiment it on here.

To be improved

The overall performance is still pretty bad, it works fine with small images (I tested images with the resolution 100x100 from https://source.unsplash.com/random/100x100), but for images that are much bigger WebGL loses its context and the browser may crash. Also the quality of the result images are far from the ones presented on the original paper.

Development

In order the run this repo locally, run npm install and npm start in the root folder. If npm shows an error, try using a different Node version with nvm. All the logic present in the original paper is within the file ResultCanvas.tsx.

About

🎨 An implementation of the Erik Reinhard's Color Transfer Between Images using WebGL

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published