Adding facebook login to html5 game.

[smarty.rockz]

Hey,

This is a bit of complex question that I have and probably have a complex answer. The thing is I made a html5 game with canvas and javascript from looking up on google. The code of which is here :

See the Pen vpilk by Abdul (@crazyboy24) on CodePen.
<script async src=”//codepen.io/assets/embed/ei.js”></script>

What I want is, when the game is over, ask the user to sign in through facebook to submit his score, and if he does his score gets displayed on the right of the game along with his facebook name if his score is among the top ten score, or else if he does not want to log-in his score does not get displayed.
If the user logs-in and submit the score, he gets registered for the freebie.

I have added “play again” option. I just wanted to know how to add facebook login and display the high score.

I hope you guys help me with this topic.

[smarty.rockz]

Sorry, here is the CodePen

<p data-height="409" data-theme-id="9165" data-slug-hash="oGxAn" data-default-tab="result" data-user="crazyboy24" class='codepen'>See the Pen <a href='http://codepen.io/crazyboy24/pen/oGxAn/'>oGxAn</a> by Abdul (<a href='http://codepen.io/crazyboy24'>@crazyboy24</a>) on <a href='http://codepen.io'>CodePen</a>.</p>
<script async src="//codepen.io/assets/embed/ei.js"></script>
<code></code>

[Author]

Posts