How to make a Facebook game

Favourite 282 favourites
Tutorial written by TomOriginally published on 4th, September 2011 - 13 revisions

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 App Developers page. In the top right of the screen you should see a 'Create new app' button. Click it to make a new app!

Enter the name of your app, and you can leave the Namespace blank. This tutorial assumes you already have a web host for your app so won't cover the Heroku free hosting. Click 'Continue'. You may also be asked to fill out a security check.

Share and Copy this Tutorial

You are free to copy, distribute, transmit and adapt this work with correct attribution. Click for more info.


andreyin 28.8k rep

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

Sunday, September 04, 2011 at 6:06:03 PM
The Bespectacled One 4,895 rep

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

Monday, September 05, 2011 at 2:20:07 AM
ludodesign 30.9k rep

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 =)

Monday, September 05, 2011 at 4:05:08 PM
gaboduarte 13.8k rep

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?

Monday, September 05, 2011 at 4:32:07 PM
Tom 55.0k rep

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.

Monday, September 05, 2011 at 5:01:33 PM
harrio 36.5k rep

smiles warmly...

Monday, September 05, 2011 at 8:47:01 PM
gaboduarte 13.8k rep

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

Tuesday, September 06, 2011 at 2:38:58 PM
TheJanMan 4,470 rep

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

Saturday, September 10, 2011 at 4:31:56 PM
oreo 7,124 rep

Thanks for the tutorial! It helps me on my demo;

Monday, November 07, 2011 at 8:22:56 AM
squale 8,307 rep

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 ?

Tuesday, November 08, 2011 at 11:23:46 PM
devilsworkshop 3,157 rep

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

Saturday, November 26, 2011 at 10:46:20 AM
guicole 3,600 rep

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 ?


Sunday, November 27, 2011 at 9:33:55 PM
openabel 2,762 rep

thanks this is great

Friday, December 09, 2011 at 3:19:10 AM
Ulisses 9,623 rep

It's great!

Saturday, December 10, 2011 at 1:57:36 AM
danieltpt 3,328 rep

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.


Wednesday, December 14, 2011 at 8:41:21 AM

Leave a comment

Everyone is welcome to leave their thoughts! Register a new account or login.