小游戏上facebook

最新推荐文章于 2024-04-23 09:49:07 发布
最新推荐文章于 2024-04-23 09:49:07 发布
阅读量443 收藏
点赞数
文章标签： facebook
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/scdnzzb/article/details/133272497
版权

1，在fb小游戏开发者平台创建应用 小游戏 - Facebook 游戏

2，点击fb应用->控制面板，添加产品：小游戏，Audience Network

3，在fb商务管理平台给小游戏添加广告点

4，给小游戏接入instant-games-sdk，小游戏 SDK - Facebook 游戏，以下为laya为例:

  1. 把instant-games-sdk的头文件加入libs目录
  2. 在index.html引入sdk，可以放在<head>标签内或<body>标签内，放在加载游戏代码之前: 
    <script src="https://connect.facebook.net/en_US/fbinstant.7.0.js"></script>
  3. 在main.ts中初始化fbsdk，fb要求在执行其它游戏逻辑之前初始化:
initFb(){
		try{
			console.log( ">> init fb 111" );
			// 初始化FB小游戏
			FBInstant.initializeAsync()
				.then(function () {
					// 告诉FB资源已经加载完毕
					FBInstant.setLoadingProgress(100);
					// 启动FB小游戏
					FBInstant.startGameAsync()
						.then(function () {
							console.info("Success Load Scene");
							Main._selfMain.fnMain();
						})
						.catch(function (e) {
							console.error("Start Game Async failed: ", e);
						});
				})
				.catch(function (e) {
					console.error("Fail to start, Error: ", e);
				});
		}catch (e) {
			console.error("Fail to init fb, Error: ", e);
		}
	}
  • 调用banner，插屏或视频广告例： 
    import IPlatform from "./IPlatform";
import LayaGameConfig from "../../LayaGameConfig";
import { Notifications } from "src/core/common/Notifications";


export default class FbPlatform extends IPlatform
{

    // private interstitialAd: FBInstant.AdInstance;
    private static _selfobj:FbPlatform;

    public init():void
    {
        super.init();
        FbPlatform._selfobj = this;

        let version=Number(Laya.LocalStorage.getItem("version"));
        if(version<LayaGameConfig.version){
            //Laya.Loader.clearResByGroup();
        }
        
        this._bannerAdID.push( "bannerid" );
        this._interAdID.push( "插屏id" );
        this._videoAdID.push( "视屏id" );

        this._musicManageState = 0;
        FBInstant.onPause( () => {
            // FbPlatform._selfobj.pasueResumeAudio("pause");
            console.log( ">> FBInstant.onPause" );
        });
        
    }

    public initLaterLoad(){
        super.initLaterLoad();

        this.loadVideo();
    }

    private pasueResumeAudio(type: string) {
        if (type == "pause") {
            if (FbPlatform._selfobj._musicManageState == 0) {
                FbPlatform._selfobj._musicManageState = 1;
                puremvc.Facade.getInstance("AppFacade").sendNotification(Notifications.MusicManage, "pause");
            }
        } else if (type == "resume") {
            if (FbPlatform._selfobj._musicManageState == 1) {
                FbPlatform._selfobj._musicManageState = 0;
                puremvc.Facade.getInstance("AppFacade").sendNotification(Notifications.MusicManage, "resume");
            }
        }
    }
    
    public addNavAppMapCallBack(thisObj: any,callback:Function):void
    {
    }

    public initlogin(thisObj: any,callback:Function,args?:any):void
    {
        super.initlogin( thisObj, callback, args );
        this.loginCallback( {"state":1,"plartform":"Fb"} );
    }

    public exitGame(){
        
        FBInstant.quit();
    }

    public vibrateShort(){

        if ( navigator && navigator.vibrate) {
            // 支持
            // console.log("支持设备震动！");
        } else {
            // 不支持
            // console.log("不支持设备震动！");
            return;
        }//*/
        // 震5秒
        // navigator.vibrate(5000);
        // 震5秒，停0.3秒，在震4秒
        // navigator.vibrate([5000, 300, 4000]);
        navigator.vibrate([20, 10, 10]);

    }
    public share( callObj:any,callback:Function ){
        super.share( callObj, callback );

        console.log(">> load share img 111" );
        let url = "res/common/img/share/1.png";
        
        Laya.loader.load( url, Laya.Handler.create(this, function(): void {
            var t: Laya.Texture = Laya.loader.getRes( url );
            console.log(">> load share img suc 222" );
            // var newHtmlCanvas:Laya.HTMLCanvas = new Laya.HTMLCanvas(false);
            // let img_base64 = newHtmlCanvas.toBase64( url, 0.8 );
            // console.log( ">> img_base64:", img_base64 );

            var sp = new Laya.Sprite();
            sp.graphics.drawTexture( t );
            var htmlCanvas = sp.drawToCanvas(750, 600, 0, 0);
            var img_base64 = htmlCanvas.source.toDataURL("image/png");

            console.log( ">> img_base64:", img_base64 );

            FBInstant.shareAsync({
                intent: 'INVITE',
                image: img_base64,
                text: 'Safeguard justice and peace!',
                // data: { myReplayData: '...' },
            }).then(function() {
                // continue with the game.
                console.log( ">> share suc" );
                if( callObj && callback ){
                    callback.call( callObj, 1 );
                }
            }).catch( err => {
                console.log( ">> share err:", JSON.stringify( err ) );

                if( callObj && callback ){
                    callback.call( callObj, -1 );
                }
            });
            
        }))
       
    }


    private async loadInterstitialAd(){
        try{
            let adid = this._interAdID[0];
            FbPlatform._selfobj._interstitialAd = null;
            FbPlatform._selfobj._interstitialAd = await FBInstant.getInterstitialAdAsync( adid );
            FbPlatform._selfobj._interstitialAd.loadAsync().then(function () {
                console.log('loadInterAdAsync resolved.');
              }).catch(function(err) {
                console.error('InterAd failed to load: ' + err.message );
              });
        }
        catch( err ){
            console.log( ">> showInterstitialAd err:", JSON.stringify( err ) );
        }
    }

    public async showInterstitialAd( thisObj: any, callback: Function ){

        console.log( ">> showInterstitialAd 111" );

        if(!this._haveAd)return;
        if( this._interAdID.length == 0 ) return;

        let adid = this._interAdID[0];

        // FBInstant.getInterstitialAdAsync( 
        //     adid 
        // ).then(function(interstitial) {
        //     FbPlatform._selfobj._interstitialAd = interstitial;
        //     //interstitial.getPlacementID(); // 'my_placement_id'
        //     return interstitial.loadAsync();
        // }).then( function(){
        //     // Ad loaded
        //     return FbPlatform._selfobj._interstitialAd.showAsync();
        // }).catch( err => {
        //     console.log( ">> showInterstitialAd err:", JSON.stringify( err ) );
        // });

        try{
            FbPlatform._selfobj._interstitialAd = null;
            FbPlatform._selfobj._interstitialAd = await FBInstant.getInterstitialAdAsync( adid );
            if( FbPlatform._selfobj._interstitialAd == null ) return;

            console.log( ">> showInterstitialAd loading ..."  );
            await FbPlatform._selfobj._interstitialAd.loadAsync();
            // Laya.SoundManager.stopAll();
            await FbPlatform._selfobj._interstitialAd.showAsync();

            if( thisObj && callback ){
                callback.call( thisObj );
            }
            console.log( ">> showInterstitialAd showing"  );

            /*
            FbPlatform._selfobj._interstitialAd.loadAsync().then(function () {
                console.log('loadInterAdAsync resolved.');
                FbPlatform._selfobj._interstitialAd.showAsync()
                    .then(function() {
                    // Perform post-ad success operation
                    console.log('Interstitial ad finished successfully');
                    if( thisObj && callback ){
                        callback.call( thisObj );
                    }
                  })
                  .catch(function(e) {
                    console.error(e.message);
                    if( thisObj && callback ){
                        callback.call( thisObj );
                    }
                  });

                
                console.log( ">> showInterstitialAd showing"  );
              }).catch(function(err) {
                console.error('InterAd failed to load: ' + err.message );
              });

            console.log( ">> showInterstitialAd load end"  );
            //*/
            
        }
        catch( err ){
            console.log( ">> showInterstitialAd err:", JSON.stringify( err ) );
        }

    }
    
    public async showAdBanner(left:number,top:number,width:number,height:number,islaya:number,pos:number,thisobj:any,thisfun:Function){
        // console.log( ">> fb no banner ad" );
        // return;
        let adid = this._bannerAdID[0];
        FBInstant.loadBannerAdAsync(
            adid // Replace with your Ad Placement ID.
          ).then(function () {
            console.log('loadBannerAdAsync resolved.');
          }).catch(function(err) {
            console.error('Banner failed to load: ' + err.message);
          }
        );
        
    }

    public closeAdBanner(){
        FBInstant.hideBannerAdAsync().then(function () {
            console.log('hideBannerAdAsync resolved.');
          }).catch(function (err) {
            console.error('hideBannerAdAsync rejected: ' + err.message);
          }
        );
    }

    private async loadVideo(){
        
        if( !FbPlatform._selfobj._videoRunLoad ){

            try{
                FbPlatform._selfobj._videoRunLoad = true;

                let adid = this._videoAdID[0];
                FbPlatform._selfobj._videoAd = null;
                FbPlatform._selfobj._videoAd = await FBInstant.getRewardedVideoAsync( adid );

                console.log( ">> loadVideo loading ..."  );
                await FbPlatform._selfobj._videoAd.loadAsync();

                console.log( ">> loadVideo load end"  );
                FbPlatform._selfobj._videoRunLoad = false;
                FbPlatform._selfobj._isReadyVideo = true;
            
            }
            catch( e ){
                FbPlatform._selfobj._videoRunLoad = false;

                // Throws ADS_TOO_MANY_INSTANCES
                // Throws CLIENT_UNSUPPORTED_OPERATION
                // Throws ADS_FREQUENT_LOAD
                // Throws ADS_NO_FILL
                // Throws INVALID_PARAM
                // Throws NETWORK_FAILURE
                console.log( ">> loadVideo err:", JSON.stringify( e ) );
                
            }
        }
    }

    public checkReadyVideo( nochange?: boolean ):number{

        if(!this._haveAd)return 0;

        if (nochange) {//同一页面不改变广告分享方式
            if (this.shareCurrentType == 2) {
                return 2;
            }
        }
        
        this._videoRunShow=false;
        if(!this._isReadyVideo){
            FbPlatform._selfobj.loadVideo();
            return 0;
        }
        else{
            return 1;
        }
    }
    
    public showAdVideo(thisObj:any,callback:Function,args:any):boolean{
        if(!this._haveAd)return false;
        if(!this._isReadyVideo)return false;
        if(this._videoRunShow)return false;
        super.showAdVideo( thisObj ,callback, args );
        this._videoRunShow=true;
        this._videoAd.showAsync()
        .then( function(){
            // Ad watched
            console.log('Rewarded video watched successfully, to preload');
            FbPlatform._selfobj._videoRunShow=false;
            FbPlatform._selfobj._isReadyVideo=false;
            FbPlatform._selfobj.videoAdCallback( 1 );

            Laya.timer.once( 1000, FbPlatform._selfobj, FbPlatform._selfobj.loadVideo );
        })
        .catch(err => {
            // Throws ADS_NOT_LOADED
            // Throws INVALID_PARAM
            // Throws NETWORK_FAILURE
            // Throws INVALID_OPERATION
            // Throws RATE_LIMITED

            console.log( JSON.stringify( err ) );
            FbPlatform._selfobj._videoRunShow=false;
            FbPlatform._selfobj._isReadyVideo=false;
            FbPlatform._selfobj.videoAdCallback( -1 );
        });

        return true;
    }

    public checkCanVideoRecord():boolean{
        return false;
    }
    public startVideoRecord(duration:number,thisObj:any,callback:Function,args?:any):boolean{
        return false;
    }
    public stopVideoRecord(){
    }

    /**分享视频 */
	public shareRecord( callObj:any,callback:Function ){

    }

    public checkShortcut(thisObj: any, callback: Function) {

        FBInstant.canCreateShortcutAsync().then(function(canCreateShortcut) {
            if (canCreateShortcut) {
                callback.call(thisObj, 1 );
            }
            else{
                callback.call(thisObj, 0 );
            }
        });
    }

    public installShortcut(thisObj: any, callback: Function) {
        FBInstant.createShortcutAsync().then(function() {
                // Shortcut created
                callback.call(thisObj, 1 );
            })
            .catch(function() {
                // Shortcut not created
                callback.call(thisObj, 0 );
            }
        );
    }

}

5，导出成web h5，直接压缩web目录为zip，进入fb开发者后台->小游戏->网页托管，点击上传版本上传zip包，上传成功后点击界面的推送到生产阶段或测试阶段，点击play可直接测试

小游戏->详情，内有游戏链接

6，一般要设置应用隐私权政策网址与服务条款网址：应用设置->基本

zccen
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Facebook 上传小游戏流程
Sung游戏开发工作室
01-08 3200
提供游戏信息 在应用面板的小游戏部分，可上传所有游戏素材及提供游戏信息。请注意，如果未提供所有必要素材，游戏将无法通过审核。此外，如果缺少素材，游戏可能无法正确显示，因此，我们建议在测试游戏前上传所有素材。 应用视频 您应提供展示游戏玩法的简短视频，最好可循环播放。建议长宽比为 16:9 或 1:1。即使您的游戏为纵向模式，也请考虑根据这些长宽比优化视频，因为动态消息是以横向模式呈现。在这些情况...
十几个个facebook的有上线过的小游戏
12-20
十几个之前有在facebook上线过的小游戏源码，代码里有对接过facebook的sdk,版本在6.1 6.2左右，最近facebook的InstantGame也只是6.2。之前有上线过，不过现在代码里面的广告id和appid被我替换掉了,可以看看，参考实现
推荐项目：FBInstantGameDTS - 快速构建Facebook Instant Games的解决方案
最新发布
gitblog_00055的博客
04-23 390
推荐项目：FBInstantGameDTS - 快速构建Facebook Instant Games的解决方案 项目地址:https://gitcode.com/runinspring/FBInstantGameDTS 项目简介 FBInstantGameDTS 是一个开源项目，旨在简化Facebook Instant Games（即时游戏）的开发过程。通过提供一整套工具和模板，开发者可以快速构建...
Facebook Instant Game测试、发布和分享小游戏
FullQiao的博客
09-25 2748
  通过小游戏，用户能够十分轻松地在本地测试开发版本、自动化发布流程，以及与团队分享构建版本。本文档会详细说明以下步骤： 1.通过本地服务器测试游戏 2.上传构建版本 3.测试发布的构建版本 4.提交游戏以供应用审核 通过本地服务器测试游戏 小游戏体验的很大一部分来自原生装饰，这些原生装饰在每个游戏会话前后添加到游戏中。为了方便开发以及测试，我们让开发者能够通过本地服务器运行游戏，提...
[FaceBook]测试、发布和分享小游戏
Dust的博客
03-24 3696
FaceBook小游戏 测试、发布和分享小游戏 对于小游戏，您现在可以十分轻松地在本地测试开发版本，自动完成发布流程，以及与团队分享编译版本。本文档会详细说明这些步骤。 通过本地服务器测试游戏 小游戏体验的一大特色就是原生叠加层，这些叠加层会在每个游戏会话前后添加到游戏中。为了促进开发和测试流程，我们支持开发者通过本地服务器运行游戏，提供与玩家在 Facebook 平台中类似的体验。此功能通过嵌入式测试运行工具实现，只需稍加配置即可。 通过 localhost 启用 SSL 嵌入式测试运行工具在 face
Facebook 小游戏快速发布 入门指南
08-07 1329
小游戏快速入门 设置应用 即便您已有托管到 Facebook.com 的网页游戏，或托管到移动应用商店的移动游戏，也需要...
Facebook开发小游戏引擎列表（下载链接）
08-06 444
开发小游戏 引擎列表（下载链接） 我应该使用哪个引擎构建小游戏？ BabylonJS是一个用于使用HTML5，...
Facebook Instant Games API接口文件
08-06
Facebook Instant GamesAPI接口文件，JS编写的，直接导入可使用，对接的是FB4.x部分接口和6.x接口，部分接口需要和服务端对接
2048小游戏2
11-03
游戏设计方面，《2048小游戏2》沿用了原版2048的基本规则，但可能在界面设计、色彩搭配或者游戏模式上有所创新和改进，以提供更丰富的游戏体验。比如，可能会有新的皮肤选择，或者增加一些挑战模式，比如时间限制、...
GameSkyfall-Facebook小游戏年中报告-7-35页.pdf
07-25
* Facebook小游戏的月活跃人数在上半年呈现出先升后降的趋势，最高峰在1月20日，月活跃人数高达910M，随后呈现下降走势，在5月跌至谷底，活跃人数为364M。 * 从5月29日开始，Facebook小游戏形势开始回暖，呈现持续的...
GameSkyfall-Facebook小游戏年中报告（英文）--35页.pdf
07-25
GameSkyfall-Facebook小游戏年中报告（英文）--35页.pdf
facebook小游戏SDK接入介绍
user20173的博客
12-25 4587
@[TOC]facebook小游戏SDK接入介绍 备注 目前小游戏只支持公司 需要验证商务平台 有内购的需要提交内购英文版流程 广告支持IOS和安卓 不支持web 支付不支持IOS SDK初始化 FBInstant.initializeAsync().then(function() { // 初始化 }); 设置加载进度 FBInstant.setLoadingProgress(progr...
Facebook测试、发布和分享小游戏（开发小游戏）
08-03 716
通过小游戏，用户能够十分轻松地在本地测试开发版本、自动化发布流程，以及与团队分享构建版本。本文档会详细说明以下步骤： 1.通过本地服务器测试游戏 2.上传构建版本 3.测试发布的构建版本 ...
Facebook Instant Game小游戏平台变更
码哥驾到
04-30 570
2021 年上半年，我们将以提高玩家和开发者游戏体验为重点对小游戏平台作出一些重要变更，本文旨在就相关更新面向小游戏开发者社群作出通知。 小游戏平台于 2016 年上线，其定位是为 Facebook 全体用户（移动端和桌面端）提供免下载的小游戏。这一平台很快便累积超高人气，月活跃用户人数突破 3.5 亿*。随着平台不断发展壮大，我们认识到，要想为玩家打造更多、更优质的游戏，最好的方法就是让开发者尽可能轻松地更新内容。于是，我们在 2018 年实现提交流程自动化，并且深信市场会为游戏品质“把关”，进而...
Facebook Instant Games平台的游戏设计探讨
woliuqiangdong的博客
10-23 369
每当有新的游戏平台出现，我们就会不禁好奇开发者们将会如何把握这个新机会。 Facebook Instant Games是一个新的开发者平台，针对的是Messenger和News Feed上的游戏，它跟其它大部分新平台都不太一样，这就意味着开发者们必须采取相对谨慎的策略。首先，Messenger游戏是基于HTML5制作的，而HTML5并不是创作好游戏的最佳选项。Messenger也不能算是一个全新的平台，更准确地说应该是平台中的平台（类似微信小程序）。 一年过去了，这个平台也展现出了强劲的发展势头。玩家数
facebook instant game 发布指南-游戏设置
Box_Square的博客
07-05 1356
游戏设置本部分内容将为您介绍如何配置应用，以及如何提供游戏的艺术设计作品。请注意，下述所有艺术设计作品都是必须提供的。        设置应用        提供艺术设计作品和游戏信息设置应用即便您已有托管到 Facebook.com 的网页游戏，或托管到移动应用商店的移动游戏，也需要为自己的小游戏创建一款新应用。您无法使用与其他应用相同的 Facebook 应用编号制作一款小游戏。将类别设置为“...
facebook instant game 发布指南-快速入门
Box_Square的博客
07-03 2609
小游戏快速入门本教程将介绍如何构建第一款小游戏：回合制版本的经典井字棋游戏。我们将使用丰富游戏功能和游戏智能助手。您可以点击下方按钮下载源代码：版块：设置应用SDK 第一步测试和上传游戏环境更新设置智能助手后续步骤设置应用即便您已有托管到 Facebook.com 的网页游戏，或托管到移动应用商店的移动游戏，也需要为自己的小游戏创建一款新应用。您无法使用与其他应用相同的 Facebook 应用编号...
facebook instant game 发布指南-游戏表现
Box_Square的博客
07-04 903
监控并改善游戏表现游戏上线后，持续监控关键指标非常重要。密切关注相关指标有助于您了解功能设计的质量、洞察受众数据，以及确定游戏更新是否能保持游戏正常运行。本文档将介绍一些最佳实践，助您了解如何利用Facebook 分析监控游戏的表现。筛选游戏数据自定义应用事件A/B 测试筛选游戏数据Once your game is live, you should follow closely your gam...
facebook instant game 发布指南-丰富游戏功能
Box_Square的博客
07-03 1042
社交功能借助小游戏，您可通过多种方式促进玩家之间的社交互动。下面是有关这些功能的详细信息。1.自定义更新2.自定义分享3.关联的玩家4.更改游戏环境5.游戏智能助手自定义更新借助小游戏，您可以在玩游戏的 Messenger 对话中发送自定义消息。可使用图片、说明，甚至包含自定义文本的“行动号召”按钮对此消息进行全面自定义。默认情况下，仅最后一条特定游戏的更新消息会在对话中展开。但之前的消息可由对话...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值