Jump to content


Photo

How to make Facebook games

Started by nujuat, Sep 25 2011 01:57 PM

  • Please log in to reply
16 replies to this topic

#1 nujuat

nujuat

    Alex Tritt Games

  • GMC Member
  • 244 posts
  • Version:GM:Studio

Posted 25 September 2011 - 01:57 PM

I recently got a message asking for a tutorial on how to make Facebook games. I didn't really have time to make a big video or have images or anything, but I did give a short "walk through". This is what I said:


First you will need to have your game already on a website. I think there are a few tutorials for that already if you don't know how to do that. That's probably the hardest part.

Next go HERE and find the create app button. Put in your app name & stuff. NOTE: You may need to put in your phone number into Facebook if you haven't already.

Then you should be on the edit app screen. Upload images for the TWO icons at the top of the screen. Scroll down and select "app on Facebook" when you see it. Now insert the URL of your game in the two text boxes bellow and change "http://" to "https://" in the second text box.

From memory, that's pretty much it. Find the button on the right that says "view app profile page" and it should be there. Upload a "profile picture" for your app (mine is the same as the icon). Click on "go to app" to play it.

I hope I didn't miss out on anything, but I remember it was pretty self explanatory when I got pointed in the right direction. So you should be fine.


And remember, you can play the "first Facebook game with GameMaker: HTML5" (quote Mark Overmars), made by yours truly, HERE. And here is another Facebook app that I made, HERE.
  • 0

#2 OMGCarlos

OMGCarlos

    GMC Member

  • GMC Member
  • 329 posts
  • Version:GM:HTML5

Posted 25 September 2011 - 02:44 PM

Hey thanks for the write up, really good info!
  • 0

#3 Rossay

Rossay

    GMC Member

  • GMC Member
  • 67 posts
  • Version:GM:Studio

Posted 25 September 2011 - 03:10 PM

Thankyou for posting this! It appears it is much easier to put a game on facebook than I had imagined.
  • 0

#4 Psalms23

Psalms23

    GMC Member

  • New Member
  • 163 posts

Posted 25 September 2011 - 07:48 PM

WOW, didn't know we could do that. Awesome. Thanks for the tut
  • 0

#5 True Valhalla

True Valhalla

    ಠ_ಠ

  • Retired Staff
  • 4880 posts
  • Version:GM:Studio

Posted 25 September 2011 - 10:57 PM

Thanks! This is far simpler than I expected :)
  • 0

#6 Alert Games

Alert Games

    GMC Member

  • GMC Member
  • 1088 posts
  • Version:GM8

Posted 25 September 2011 - 11:44 PM

Well, I tried your links in multiple browsers.

It looks like it works if you are not signed into facebook. But when I am signed in, it gives me this error:

Error 107 (net::ERR_SSL_PROTOCOL_ERROR): SSL protocol error.


Possibly you dont have the proper SLL on your host?
  • 0

#7 Gamer_Dude64

Gamer_Dude64

    GM Html5 Programmer

  • GMC Member
  • 167 posts
  • Version:GM:Studio

Posted 25 September 2011 - 11:52 PM

if you know some php you can access a persons information and post achievements to their walls like normal facebook games.
  • 0

#8 jabbyjim

jabbyjim

    GMC Member

  • GMC Member
  • 131 posts
  • Version:Unknown

Posted 07 October 2011 - 08:09 PM

if you know some php you can access a persons information and post achievements to their walls like normal facebook games.



ugh... so my HTML5 works great, but in facebook mouse clicking doesn't? Anyone run into this?
  • 0

#9 nujuat

nujuat

    Alex Tritt Games

  • GMC Member
  • 244 posts
  • Version:GM:Studio

Posted 08 October 2011 - 12:22 AM


if you know some php you can access a persons information and post achievements to their walls like normal facebook games.



ugh... so my HTML5 works great, but in facebook mouse clicking doesn't? Anyone run into this?

Do you have the latest update of GM HTML5?
  • 0

#10 True Valhalla

True Valhalla

    ಠ_ಠ

  • Retired Staff
  • 4880 posts
  • Version:GM:Studio

Posted 08 October 2011 - 11:35 AM

I tried uploading an app to Facebook today, but there's a problem. Simply changing http to https does not work (as of Oct 1st, SSL became a requirement)...
  • 0

#11 nujuat

nujuat

    Alex Tritt Games

  • GMC Member
  • 244 posts
  • Version:GM:Studio

Posted 08 October 2011 - 11:50 AM

Hmmmmm...
Worked for me:
Super Awesome Invaders 3D
  • 0

#12 True Valhalla

True Valhalla

    ಠ_ಠ

  • Retired Staff
  • 4880 posts
  • Version:GM:Studio

Posted 08 October 2011 - 11:56 AM

Yeah, I checked that yours was still working - it does. I assume the domain you're hosting it on already has an SSL certificate.

This looks like a nice free option: http://social-server.com/index/
  • 0

#13 nujuat

nujuat

    Alex Tritt Games

  • GMC Member
  • 244 posts
  • Version:GM:Studio

Posted 08 October 2011 - 12:04 PM

Yeah, I checked that yours was still working - it does. I assume the domain you're hosting it on already has an SSL certificate.

I would have absolutely no idea :confused:
I just typed it in and it worked...
  • 0

#14 Adam Rodriguez

Adam Rodriguez

    GMC Member

  • New Member
  • 9 posts

Posted 12 October 2011 - 01:37 AM

It still lets me connect through facebook. any ideas?
  • 0

#15 Terrified Virus

Terrified Virus

    Moderators Plaything

  • GMC Member
  • 721 posts
  • Version:GM:Studio

Posted 12 October 2011 - 11:13 PM

OMG THANKS YOU!!! SO COOL!!!
  • 0

#16 Joe H

Joe H

    GMC Member

  • GMC Member
  • 352 posts
  • Version:Unknown

Posted 13 October 2011 - 04:23 AM

Thanks for posting this has been helpful.

I am hoping that the GM staff will eventually provide support and tutorials for utilizing the power of facebook apps with GM. Until then I hope the community can suffice. Anyway, staying on topic, have you considered how to get users to add your app to their "apps" list?

After hours of searching and trying things, I came across this code that needs to be on the client-side of things (ie, in your html file i think)

 <html> 
   <head> 
     <title>Client Flow Example</title> 
   </head> 
   <body> 
   <script> 
     function displayUser(user) {
       var userName = document.getElementById('userName');
       var greetingText = document.createTextNode('Greetings, '
         + user.name + '.');
   userName.appendChild(greetingText);
     }

     var appID = YOUR_APP_ID;
     if (window.location.hash.length == 0) {
       var path = 'https://www.facebook.com/dialog/oauth?';
   var queryParams = ['client_id=' + appID,
     'redirect_uri=' + window.location,
     'response_type=token'];
   var query = queryParams.join('&');
   var url = path + query;
   window.open(url);
     } else {
       var accessToken = window.location.hash.substring(1);
       var path = "https://graph.facebook.com/me?";
   var queryParams = [accessToken, 'callback=displayUser'];
   var query = queryParams.join('&');
   var url = path + query;

   // use jsonp to call the graph
       var script = document.createElement('script');
       script.src = url;
       document.body.appendChild(script);        
     }
   </script> 
   <p id="userName"></p> 
   </body> 
  </html>

I've used this and it does work, although, it requires a pop-up and any popup blocker blocks it. It also launches the game in a new window which is very annoying. Other than that, it seems to work perfectly. It adds the app to the apps list. It updates the "JoeSchome is now playing Your Game name" feed. It also adds the larger icon. I hope this helps.

I can't stress enough how helpful it would be if the GM staff shared with the community the steps to getting "They Need to be Fed" on facebook with the purchase options.

Edited by Joe H, 13 October 2011 - 04:23 AM.

  • 0

#17 hanzla pakistan

hanzla pakistan

    GMC Member

  • Banned Users
  • 64 posts
  • Version:GM:Studio

Posted 18 December 2012 - 04:32 PM

i just love game maker
Back to HTML5 Creations


0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

  1. Game Maker Community
  2. → Games
  3. → Completed Games
  4. → HTML5 Creations
  5. Privacy Policy
  6. GMC Rules and Forum Rules ·