Is there a way to crop/mask a UserMedia object?

  • Either to crop it, or to 'mask' the rest of the image that you don't need, like you would in Photoshop/Illustrator/Flash?

    The broad context is a little mugshot generator thing for a client. A bit like the BBC America "Copper" mugshot thing from a few years ago. They used facial recognition tech in theirs to pick out the eyes, nose and mouth (results from their app were fantastic, check it out here: http://www.pinterest.com/svarland/copper-mugshots/) but that is a bit advanced for the purpose of this app <img src="{SMILIES_PATH}/icon_e_smile.gif" alt=":)" title="Smile">

    I'd just like to be able to crop out a section of the face in order to better blend it in with the background - an image of a "criminal" posing with their name board.

    Prototype here (rough as hell <img src="{SMILIES_PATH}/icon_lol.gif" alt=":lol:" title="Laughing"> ; example expanded on from C2 example project): http://www.angelserver.in/html5/webcam_test3

    I currently just paste another copy of the background image with a hole in the face onto the UserMedia object, and another layer beneath it with the background, but I think I can achieve a better result with cropping or masking if that sort of functionality exists. I'd like to use a mask a bit like this:

    Possible? <img src="{SMILIES_PATH}/icon_e_biggrin.gif" alt=":D" title="Very Happy">

  • Try Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Try Now Construct 3 users don't see these ads
  • Just a lil' bump^ as it started to get buried in page 2 thanks guys.

Jump to:
Active Users
There are 1 visitors browsing this topic (0 users and 1 guests)