Create HTML5 Vertical Endless Runner cross platform games

Using Phaser framework and other FREE software
Endless runner games are gaining more and more popularity and they are really easy to code.
I will take you by hand through the creation of a complete HTML5 vertical endless runner cross platform game with a lot of features and room for customization.
100 pages + 31 source code examples with a free update to come in a few days.

Flash AS3 face detection and recognition library

Emanuele Feronato Actionscript 3, Flash

Today I am showing you a nice AS3 library which allows face detection and recognition in a photo. I already blogged about a similar topic in PHP face detection class post, but this time we’ll work with AS3 and face recognition.

You may say: is there a difference between face detection and face recognition? Or are you just using these words randomly?

There is a slight difference, let me explain:

Face detection looks for some features which distinguish an human face from the rest of stuff in a photograpy: usually when we have a pair of eyes, nose, and a mouth we may say we are in front of a face (ok, I made it a bit simpler than it really is, but this is the concept behind it). Let’s think about the Facebook tag option when you upload a new photo.

Face recognition looks for A SPECIFIC face in a photo, just like cameras in an airport looking for some most wanted terrorist faces. With some tweakings, face recognition can be used as face detection.

Oskar Wicha’s ActionScript 3 library allow us to do both things using Eigenfaces concept, basically some patterns which should match a human face.

The following script wants the path of an image in the input text at the bottom of the stage and once you click anywhere, it loads the image and places a tag on any face it recognizes.

And you will get something like that:

It’s just an image because I cannot load external image due to cross domain policy, but try it by yourself, just enter an url and click with the mouse anywhere we running your Flash IDE

Remember that face detection and recognition could be no that accurate, so in some cases it will miss faces, in some other cases it will detect false positive faces.

Download the source code with the library and a zipped file with Eigenfaces data which must be placed in the same folder of your main file. Also, you’ll probably have to customize the path to your FaceRecognitionLib.swc library.

Stay up to date
Follow me on the social networks and never miss a post.

Official Emanuele Feronato Facebook page

Official Emanuele Feronato Twitter account

From null to full HTML5 cross platform game

I will take you by hand from the bare bones of JavaScript programming through the creation of a full cross platform HTML5 game, with detailed explainations and source code.

If you don't know where to start, then From null to full HTML5 cross platform game is the book for you.

Comments 15

  1. Me

    Why you dont have a contact page?
    Or maybe I cant see it?
    I suggest you adding email or contact page on your homepage.
    On that way someone can send you message, not only post a comment.

  2. Victoria

    Wow, it looks really promising, the especially interesting thing is recognition – I wonder where do they take the “library” of faces to recognize and if it will work on normal people (not celebrities, or someone well known)

  3. help :/

    Hi, I tried using the exact same code you provided but the faces are not detected. the file is in the same folder. how do i fix this?

  4. oscyloskop

    Hi Victoria,

    to create “library” of recognizable faces by your app, you need to use function of class FaceRecognizer called loadTrainingFaces which takes as parammeters faces clasiffiers (for example person name) and url to face image. For correct recognitions 5 images of each face in training set are required. Good example showing how to do this is Example 2 in download section of project page

    Have fun coding.

    (aka author of FaceRecognitionLib)

  5. Sidd

    I have a problem I was try the code in my flash cs5 version but cannot run it gives me two error both are same
    “G:\www\birthday\FaceRecognitionLib\, Line 64 1046: Type was not found or was not a compile-time constant: FaceDetectorEvent.”

    Is that will work with cs5 if not from whre I can find out a face detection for flash cs5

  6. oscyloskop

    Hi Sidd,

    First version of library worked for sure witch Flash CS5.
    Good starting point for you would be Jaron tutorial:–active-9033

    He was using older version of library but public interface of library is almost the same.

    To my it sounds like error caused by writing noFacesDetected(FaceDetectorEvent) insted of noFacesDetected(e:FaceDetectorEvent).

    If not, read Jaron tutorials and comments and all should be clear.

  7. HB

    I would like to use the library to detect (approximately) the position of the eyes … is this possible? how? (it is not to recognize a familiar face but if a face is detected (FaceDetectorEvent.FACE_CROPPED) to obtain the coordinates of the eyes on the face). THANK YOU

    Henri Blum

  8. Pingback: List of 50+ Face Detection / Recognition APIs, libraries, and software « eTone Tech.

  9. Pingback: 56 ?????/???API????? | ????

  10. Pingback: ???????API????????????????? | NegativeMindException

  11. Joe

    I have downloaded the source cod and it works fine, it recognizes the faces. Awesome tutorial!
    But I want to do an air app that “recognizes” persons (image taken with device camera). What do I need to do this?
    I want to publish the app as android air app. Look forward to your thoughts.

Leave a Reply

Your email address will not be published. Required fields are marked *