Inspiration
We generally use the front camera of our mobile phone to take a selfie. And then we add an effect, then another effect, then again another effect, and so on. We are not supposed to use the webcam to take selfies because we can not add any effect on that. That's why we created this where one can use his or her webcam to take a selfie as well as can get a preview with his or her desired effect before capturing the photo.
What it does
It is actually a website that will take permission to get access to the user's webcam. When the user will give permission it will show two frames. In the smaller one located at the bottom corner the user can see his or her original view. The bigger frame is for previewing the effect. One user can change the contrast, brightness, red level, and almost everything as his or her wish. After becoming satisfied with the preview the user can take as many photos as wish and can also download them.
How we built it
First of all, we get access to the webcam of the user. Then we use HTML canvas to preview the effect. We gather the image data from the canvas and change the correspondent RGBA value according to the user input. When the users want to take a photo we just take the image Url from the canvas and make it an anchor tag so that a user can easily download it by simply clicking the image.
Challenges we ran into
Whenever we are wanting to change the RGBA value of any particular pixels it was working for only a few milliseconds and also we could not apply all the effects at a time. But at last, after a lot of googling and team working, we can fix the bug.
Accomplishments that we're proud of
We are not so familiar with working with webcams. Working with canvas is also new for us. So working with pixels and change them was really fun for us as well as challenging and proudful.
What we learned
We learned how an image actually works. What actually an image is? It is nothing but an array of pixels containing the corresponding RGBA value.
What's next for WebFie
This version of the app, allows a user to change almost 5 to 6 properties of an image that is not sufficient to become a selfie expert. So we will try to add more and more functionalities later on.
Log in or sign up for Devpost to join the conversation.