How to make a Facebook game

In this tutorial, we'll learn how to add a HTML5 game made with Construct 2 to Facebook, and how to integrate it with Facebook's features. If you haven't already, download the Free edition of the Construct 2 HTML5 game creator and get your game ready to publish!

The first thing you need of course is a Facebook account and I will assume you have one! I will also assume you have uploaded your game to a website.

You will then need to visit the Facebook Developers page. In the top right of the screen you should see an 'Add new app' button. Click it to make a new app!

You then can enter the information about your app/game, for this one we are going to be turning our Space Blaster HTML5 Demo into a Facebook app:

Press the continue button. You may be asked to fill out a few security checks.

This tutorial is on multiple pages

1 2 3 4 5

Total of 8 edits. Last edit by Ashley on 24 October 2011 9:58 PM

Tagged In:

Posted by Tom

28 comments

andreyin (1,136) Sunday, September 04, 2011 at 6:06:03 PM

Oh wow, that's simple! I thought I had to convert the code or something. Thanks.

The Bespectacled One (2,160) Monday, September 05, 2011 at 2:20:07 AM

Publishing my games on the largest current social network? Yes please!

SocialLie (9.9K) Monday, September 05, 2011 at 4:05:08 PM

I loved the idea to make directly for facebook, I am testing things in facebook last week, see here my little game maked in construct 2 to facebook =) http://apps.facebook.com/battlebrosgametest/?ref=bookmarks&fb_source=bookmarks_apps&fb_bmpos=3_

gammabeam (8.4K) Monday, September 05, 2011 at 4:32:07 PM

This is amazing, I made a small game and I was wondering if it would be possible to put it on Facebook.

Is there any way to make the game send your highscore to friends, like posting it on their profile?

Tom (11.9K) Monday, September 05, 2011 at 5:01:33 PM

It is possible to do high score posting to Facebook profiles yes! But it's a lot more involved. It's going to require a lot more work/research on our part to make it work fluidly with Construct 2 but it's something we want to add in to C2 at some point.

harrio (3.8K) Monday, September 05, 2011 at 8:47:01 PM

smiles warmly...

gammabeam (8.4K) Tuesday, September 06, 2011 at 2:38:58 PM

@Tom: Thanks for the reply!
I'll finish the game first, then I'll see if I can dig something about that. :D

TheJanMan (8.4K) Saturday, September 10, 2011 at 4:31:56 PM

This is just great! I bet Game Maker can't do this.... can they? ={

oreo (1,417) Monday, November 07, 2011 at 8:22:56 AM

Thanks for the tutorial! It helps me on my demo; http://apps.facebook.com/jumpingcow

squale (1,085) Tuesday, November 08, 2011 at 11:23:46 PM

Sorry for my english i am french.
I tried to do a facebook apps but facebook wish the https adress, have you an idee to help me ?

devilsgarage (808) Saturday, November 26, 2011 at 10:46:20 AM

I have to agree with 'squale' above. Facebook is currently asking for "Secure Canvas url" (ref: http://imgur.com/zfREq ) Is there a way to figure out what this means?

guicole (1,010) Sunday, November 27, 2011 at 9:33:55 PM

Hi, I have some trouble using the High score feature on the Facebook object.
And on the Scirra game, Space Blaster, I can see that the high score is always 0, like for my game.
Is that normal ? is there a problem there ?

Thx!

openabel (489) Friday, December 09, 2011 at 3:19:10 AM

thanks this is great

Ulisses (2,821) Saturday, December 10, 2011 at 1:57:36 AM

It's great!

danieltpt (643) Wednesday, December 14, 2011 at 8:41:21 AM

hi ashley,

thanks for the tutorial on the facebook app.

i tried to follow it but it seems a lot of the steps i cant follow as the screens are different when i log in to facebook.

maybe your tutorial needs to be updated? i would really like to create a facebook app.

thanks,
dan

1 2

You need to Login to post a comment!
Login to your account, or register a new account

Similar tutorials

More by this author

Other reading

Tutorial stats

How to make a Facebook game

Tagged In: