facebook instant games طريقة تصديرلعبة 3D إلى منصة الفايسبوك + إضافة الإعلانات لها

v1

تقديم:

مرحبا بكم في درس جديد يخص Facebook Instant Games أو الألعاب الفورية حيث سنشرح طريقة تصدير لعبة مصممة بيونتي لتكون لعبة فورية قابلة للاشتغال على منصة الفيسبوك مع إضافة الإعلانات لها.

و بالنسبة لـ: Facebook Instant Games أو الألعاب الفورية فهي تعد طريقة جديدة تمكن المستخدمين من لعب الألعاب عبر منصة Facebook ، التي تدعم تقنية HTML5 ، في Messenger أو News Feed عبر مختلف الأجهزة المحمولة و المكتبية.

 و سيتم تقديم الدرس على شكل 4 أجزاء على الشكل التالي:

أجزاء الدرس:

الدرس الأول: تقديم عام
https://www.youtube.com/watch?v=btFH8btWvGA&t=23s
الدرس الثاني: طريقة إعداد اللعبة في يونتي و إضافة الإعلانات
https://www.youtube.com/watch?v=p53_X_f66fk&t=29s
الدرس الثالث: طريقة تصدير اللعبة من يونتي على شكل HTML5
https://www.youtube.com/watch?v=lqgXqVxv7rw
الدرس الرابع: طريقة رفع اللعبة على منصة الفايسبوك
https://www.youtube.com/watch?v=GYZPviFNpK4

بسم الله، نبدأ:

بالنسبة لإصدار يونتي التي سنعمل به سيكون Unity 2018.3.12.
و بالنسبة للعبة التي سنعمل عليها، سنختار لعبة Color Ball Bump 3D يمكن شراؤها و  تحميلها من يونتي أسيتس ستور من الرابط التالي : https://bit.ly/2VxqaMc ،( يمكن العمل على أي لعبة Unity كيفما كانت).
سنقوم بإجراء بعض التعديلات عليها، و نضيف لها الإعلان البيني Interstitial، الذي سيظهر عندما يفوز اللاعب أو يخسر في كل مستوى.

هذه هي الأكواد التي سنحتاجها :

+ كود النداء على دالة جافاسكريبت من داخل يونتي مع إرسال قيم لها :

Application.ExternalCall ("FunctionName",ParameterValue);

+ كود إدراج الـSDK الخاصة بـFacebook Instant Games : 

 <script src="https://connect.facebook.net/en_US/fbinstant.6.1.js"></script>

+ كود تحميل إعلان بيني Interstitial : 

var PreloadedInterstitial;
function PreloadInterstitial(Id)
{
 PreloadedInterstitial = null;
 FBInstant.getInterstitialAdAsync(
   Id, // Your Ad Placement Id
 ).then(function(interstitial) {
   // Load the Ad asynchronously
   PreloadedInterstitial = interstitial;
   return PreloadedInterstitial.loadAsync();
 }).then(function() {
   console.log('Interstitial preloaded')
 }).catch(function(err){
   console.error('Interstitial failed to preload: ' + err.message);
 });
}

+ كود إظهار إعلان بيني Interstitial :

function ShowInterstitial()
{
PreloadedInterstitial.showAsync()
.then(function() {
  // Perform post-ad success operation
  console.log('Interstitial ad finished successfully');
})
.catch(function(e) {
  console.error(e.message);
});
}

+ كود تهيئة الـSDK الخاصة بـFacebook Instant Games :

var GameInstance;
FBInstant.initializeAsync().then(function() {
GameInstance = UnityLoader.instantiate("gameContainer", "Build/FileName.json",
{onProgress: UnityProgress});
});

+كود تحديد مستوى تقدم تحميل اللعبة :

FBInstant.setLoadingProgress(ProgressValue);

+ كود بدء اللعبة:

FBInstant.startGameAsync().then(function(){
console.log("Game Started");
});

+محتوى ملف fbapp-config.json المسؤول عن إعدادات اللعبة :

{
  "instant_games": {
 "navigation_menu_version": "NAV_FLOATING",
  }
}

والسلام عليكم ورحمة الله تعالى و بركاته.