Select eyes on the input button Adjusts sliders so that the output image includes the eyes.

[Deleted user]

Some of the best/funniest images that come out of this app is when the output image includes the eyes of the input image, see below

It would be awesome if the user could click the eyes on of the input image and this would update the values of the sliders so that the output image includes the eyes.

Steps

1)

Have a good play with the app so you understand what each slider does (playing with it is going to be way better than me trying to explain each one.

2)

make an button called "select eyes" or similar and then record the next two click events on the input canvas and their coordinates.

3)

Every time I tried to explain this it doesn't make sense reading it back 😔 , Sorry, I tried, but if you finish step 2 I can jump in and help and make the final commits to actually change the slider values, so don't worry too much about this next bit. 😅

Update the slider values so that the output images includes the eyes. I've already got an idea of how this would work conceptually, firstly I don't think that ratio or the y div sliders need updating at all as you can always still hit the eyes no mater what their values are.
Then you want to set the x divs so that the sample 'blocks' can line up with the eyes, hard to explain but some divisions amounts it's going possible for the eyes to line up with these blocks, but others it might be the case that one eye can be line up but than the next eye fall right in between two of the divisions. There will be multiple values that work here so take the one closes to what the user has already set.
Lastly set the x and y offsets to bulls eye the eyes :) 🎉

[mrhut10]

looks like a great project for someone :)
I agree that this functionallity would be fantasic, so much so that in the future you could almost just have an A.I. pick the eye's for you.