Dancing Pumpkin Character

Objective: Use the Posenet machine learning model to recreate my favorite halloween gif!

Screenshot

It is October! Which means Halloween is fast approaching! In the holiday spirit, I decided to recreate my favorite halloween gif: the dancing Halloween man. My friends and I always send this gif to each other whenever we are feeling down.

My project allows users to become their own dancing pumpkin character by using ml5.js Posenet model to detect your body from your webcam and move the character on the canvas. I was able to scale the character according to the distance between the user and the camera by measuring the distance between the user’s eyes. I also was able to reduce some of the noise in the webcam by linear interpolation of the key points. Therefore, there is a slight lag in the responsiveness in order to make the movements look more smooth.

Demo

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s