Tutorial Membuat Game Flash di Facebook

Untuk Pemula

Tutorial ini akan membahas dasar-dasar membuat game flash di Facebook.

1. Daftarkan dulu game yang akan dibuat

• Buka http://www.facebook.com/developers/, klik Set Up New Application.
Tuliskan nama aplikasi, klik Agree, klik Create Application.

• Setelah itu akan muncul form yang cukup besar. Tidak semua perlu diisi. Yang wajib
diisi hanya pada bagian Canvas: Canvas Page URL dan Canvas Callback URL.

Canvas Page URL adalah alamat yang akan digunakan user untuk membuka game.
Canvas Callback URL adalah alamat server tempat game diletakkan. Untuk game flash,
render method yang digunakan FBML saja. Save.
• Catat API Key dan Application Secret

2. Siapkan server tempat menyimpan game.

• Copy semua API facebook (facebook.php, facebookapi_php5_restlib.php, dan
folder jsonwrapper)
• Buat file index.php

Appapikey dan appsecret diisi dengan nilai yang API Key dan Application Secret
yang kita catat tadi. User ID dan session key di echo-kan agar kita bisa
mendapatkan nilainya sehingga memungkinkan untuk menjalankan game tanpa
dari server.
• Upload game sementara di facebook.
• Buka halaman game di facebook. Akan muncul seperti berikut
 Catat user id dan session key untuk digunakan dalam pengembangan game. Session
key dapat berubah sewaktu-waktu.
3. Persiapan Development di Desktop
Karena pada contoh di bawah nanti kita akan mengirimkan data user ID dan session
key, maka kita harus menyimpan data user id dan session key. Untuk development di
desktop, kita bisa menggunakan nilai yang hard coded.
Misal:
this.uid = "1250764986";
this.session_key = "2.iIS_RSbqvNBLOub0myiT1w__.3600.1264831200-1250764986";

Nilai ini adalah nilai yang kita dapatkan tadi dan akan kita ubah nanti setelah game
selesai dibuat dan akan di deploy ke server.

4. Menggunakan Facebook API

Berikut ini contoh cara menggunakan Facebook API
• Pada server (http:agategames.com/fbgames/Tutorial/getuserinfo.php)

• Pada game yang dibuat, tambahkan kode seperti berikut

public function GetUserInfo():void
{
var request:URLRequest = new
URLRequest("http://agategames.com/fbgames/Tutorial/getuserinfo.php");

request.method = URLRequestMethod.POST;
var variables:URLVariables = new URLVariables();
var loader:URLLoader = new URLLoader();
variables.uid = uid;
variables.session_key = session_key;
request.data = variables;
loader.dataFormat = URLLoaderDataFormat.VARIABLES;
loader.addEventListener(Event.COMPLETE, completeGetUserInfo);
loader.load(request);
}

private function completeGetUserInfo(e:Event):void

{
trace("string get a", e.target.data);
}
• Jalankan game. Akan muncul hasil trace seperti ini
 Informasi ini dapat diolah sesuai dengan kebutuhan game.
Misal:
var uid:String = e.target.data.uid;
var name:String = e.target.data.name;

Tips: gunakan http://developers.facebook.com/tools.php untuk mencoba-coba

berbagai facebook API.

5. Menggunakan FQL
FQL (Facebook Query Language) adalah cara lain untuk mengakses data di facebook.
Dengan FQL, kita bisa menggunakan query yang mirip dengan SQL untuk memperoleh
data.
Berikut contoh cara menggunakan FQL (mencari 5 teman wanita secara acak)
• Pada server (http:agategames.com/fbgames/Tutorial/getfriends.php)

• Pada game yang dibuat, tambahkan kode seperti berikut

•
public function GetFriends():void
{
var request:URLRequest = new
URLRequest("http://agategames.com/fbgames/tutorial/getfriends.php");

request.method = URLRequestMethod.POST;
var variables:URLVariables = new URLVariables();
var loader:URLLoader = new URLLoader();
variables.uid = uid;
variables.session_key = session_key;
request.data = variables;
 loader.dataFormat = URLLoaderDataFormat.TEXT;
loader.addEventListener(Event.COMPLETE, completeGetFriends);
loader.load(request);
}

private function completeGetFriends(e:Event):void

{
var friendXML:XML = new XML(e.target.data);
trace(friendXML);
}
• Jalankan game. Akan muncul hasil trace seperti ini

List lengkap tabel ada di http://wiki.developers.facebook.com/index.php/FQL_Tables

6. Development
Silakan membuat game sesuai keinginan Anda. XD

7. Deploy ke facebook
Sebelum kita meng-upload game ke server, kita harus memperbaiki uid dan session_key
yang ada pada game.
this.uid = "1250764986";
this.session_key = "2.iIS_RSbqvNBLOub0myiT1w__.3600.1264831200-1250764986";
diubah
"1250764986" menjadi (stage) .loaderInfo.parameters.fb_sig_user
"2.iIS_RSbqvNBLOub0myiT1w__.3600.1264831200-1250764986" menjadi
(stage) .loaderInfo.parameters.fb_sig_session_key

Ket: (stage) adalah stage utama dari game yang dibuat.

Demikian langkah-langkah dasar membuat game Flash di facebook. Semoga bermanfaat.

Puthut Prabancono