Git Product home page Git Product logo

draike_web's Introduction

About

A website that lets you dance to In My Feelings, the viral song by Drake. It uses PoseNet to compare DrAIke's and your poses and score how well you copied him.

Actually, this is really fun. You don't have be a dancer. Try it here.

As you can guess, the name “DrAIke” is the compound word of Drake and AI. DrAIke refers to both this webiste and the master dancer in this game. Your score will vary according to how well you imitate DrAike. Also, you'll be able to enjoy several exciting videos provided by PoseNet. This project utilizes TensorFlow.js, the popular deep learning framework that runs on browers, and PoseNet, the project that detects the poses through computer vision. Both are developed by Google. (I love you Google!)

This is one of our website pages. You will be shown in the pink box through webcam. PoseNet will estimate and show your poses like the one in the blue box. playground

Oh, let me introduce DrAIke. He's a really great dancer. His dream is beating Drake and thus becomming the best dancer in the world. draikeDancing

And DrAIke will show you his dancing videos depending on your score. This is only one of them. And it's Gangnam Style by Psy if you guessed right! gangnamStyle

We began this project when we got inspired by this video of Siraj Raval, the well-known Youtuber who ambitiously educate deep learning to people. He also provided us with numerous feedbacks, leading to several critical improvements to our code. Here is his PoseNet code: https://github.com/llSourcell/InMyFeelings_Challenge

Thank you for sharing our website! iLuvUSiraj

We will keep adding the documents here and improve our website.
Actually, we are highschoolers, and this is our first web project. So there can be many stupid codes. If you want to improve them, please let us know on "issues".

For those of you who want to know more about PoseNet

You can also play the demo provided by Google. Try it here!

cameraDemo

PoseNet can be used to estimate either a single pose or multiple poses, meaning there is a version of the algorithm that can detect only one person in an image/video and one version that can detect multiple persons in an image/video.

This is a Pure Javascript implementation of PoseNet.

Refer to this blog post for a high-level description of PoseNet running on Tensorflow.js.

Credits

Credits for this code go to the Tensorflow team at Google.
And thank you, Siraj Raval! I love(?) you.

draike_web's People

Contributors

lukeleeai avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

simrit1

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.