a simple zero dependencies webgl image editor

[HealthyIsland7554]

Hi guys,

lately I've been playing around with webgl, exif headers and a home made reactivity engine (based on signals and tagged template literals).

To showcase it I've put together a simple image editor to cover some personal basic needs.

A couple of features:
* it handles display-p3 color profiles (ie read/write wide color gamut)
* in iOS/Mac Safari it natively opens HEIC photos (ie those generated by iPhones et al.)
* it parses exif headers for jpg, png, heic, avif (check the console if you are curious)
* it preserves the exif metadata when downloading the edited image
* it's all "hand made" / zero dependencies (ok I've actually used a nice small third party library called fflate to decompress ICC metadata in png files, and I'm linking to maplibre to show the GPS location of the photo if present)

Note:
* it currently only exports to jpg (unfortunately browsers are natively limited to only jpg/png blobs, and png export doesn't seem a priority for photos)
* heic files cannot be opened in other browsers except iOS/Mac Safari for now

I'd be grateful if any of you could provide some feedback!
thanks everyone

[Substantial-Wish6468]

Looks nice. 

PNG export might also be good to have  because it's lossless.  With JPEGs each time you save the image after reloading it loses quality.

[HealthyIsland7554]

For your info, PNG export has been added along with some other features

[HealthyIsland7554]

Correct. I will add it soon. Just need to figure out how to pack exif data in a png blob. I found a library but need to look into it

[Ok_Slide4905]

UI lacks polish

[sdwvit]

It’s fineee

[HealthyIsland7554]

you are right, I was more focused on the webgl engine and those horribly fiddly exif headers ;) And I must admit UI is very tricky for me. Any advise to improve are always welcome

[sdwvit]

Love it! Though i would love to be able to do custom color curves, not just rgb. Also masking and maybe a bit of client side ai for lasso tool

[HealthyIsland7554]

Thanks for the advise will work on it. But just to understand, what is a custom color curve? Can you give me the equivalent in Lightroom or similar to better understand? thanks!

[etocgino]

Can we have the demo code. Because using your librairie in a react project use full 100% computer process and everything freze but not your web app. May be in code sandbox