• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

egret白鹭游戏引擎打包成头条小程序

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

最近公司需要将之前的项目发个版本到头条小程序,这个项目是5.2.33版本的,然后白鹭支持头条小程序的版本需要是5.3.8,所以需要把版本升级到5.3.8

1、首先打开项目,我用的ide还是egret wing,在终端上输入egret upgrade --egretversion 后面再加上版本号,升级的前提需要先下载要升级到的引擎。

 点击回车就自动升级,由于版本更替,可能会出现之前项目有些地方报错,这是因为白鹭新的api不支持了,目前我遇到的就是dragonBones这个类库和旧的版本不太一样,有的方法已经不用了,

这里大家根据自己的项目,报错找对应解决办法,情况各不一样。

2、升级完成之后,保证项目可以正常运行,我们就可以试着去Egret Launcher上发布头条小程序了,找到字节跳动小游戏,需要先下载小游戏工具包,根据提示操作就可以了。

接着会出现上面的窗口,这里我们做测试版本的话,AppID随便填就可以了,项目名称也是一样,填写完成之后,先点击发布。

如果是升级的项目百分百会出现这个错误提示

 因为项目是升级过来的,升级过程中只是换了egret api和发布平台对应的接口类,所以在scripts文件夹中没有plugins这个文件夹,打包的时候找不到,

要解决这个问题,需要用升级到的引擎,(比如我的是5.3.8)创建一个新项目,再把新项目里的plugins文件放到要打包的项目中。

这时候我们的项目就可以发布了

 这里我们选择Release,发布之后我们用  字节跳动开发者工具打开 ttgame的那个文件。一般情况下

 选择编译,就可以编译你的项目了。

3、上面的步骤是可以在头条上玩了,光玩还不够,咱们的目的不是这,还是需要恰饭的。

下面就要对接一下字节跳动的广告了,字节跳动小游戏上有三种广告,分别为banner 激励视频 插屏这三种,需要接入前提是申请了流量主,有了流量主就有这三个广告接入id

这里接过微信小游戏的同学都知道。

这个放上  字节跳动小游戏开发能力 字节跳动小游戏api 链接

最好写一个字节跳动管理类,在类里面定义和调动头条的api方法

例如打开插屏广告

    //插屏广告
    public OpenScreen(id: any) {const screenAd = tt.createInterstitialAd({
            adUnitId: id
        });
        screenAd.onLoad(() => {
            console.log(\'插屏 广告加载成功\');
            screenAd.show().catch((err) => {
                console.error(err);
            })
                .catch((err) => {
                    console.log("广告组件出现问题", err);
                });
        });

        screenAd.onError(err => {
            console.log(\'插屏 广告加载失败\' + err);
        });
        screenAd.onClose(res => {
            console.log(\'插屏 广告关闭\')
        });
    }         

打开banner广告

public OpenBanner(id: string, _left = 0, _top = 1200, _width = 350, open: Function = null) {
        let systemData = tt.getSystemInfoSync();
        if (!systemData) { return };
_left
= (systemData[\'windowWidth\'] - 350) / 2; _top = systemData[\'windowHeight\'] - 120; var aplha = 1;//document.documentElement.clientWidth / 720; const bannerAd = tt.createBannerAd({ adUnitId: id,//banner id style: { left: _left,//左边位置 top: _top,//上边往下位置 width: _width * aplha,//宽度 height: 50 } }); bannerAd.onLoad(() => { console.log(\'banner 广告加载成功\') bannerAd.style.width = _width * aplha;//随时设置banner宽 bannerAd.show(); if (open != null) open(); }) bannerAd.onError(err => { console.log(\'banner 广告加载失败\' + err); }); if (bannerAd != null) this.BannerArr.push(bannerAd); this.CurBanner = bannerAd; }


 

   //关闭当前Banner
    public CloseCurBanner() {

        console.error("关闭当前banner");
        for (var i in this.BannerArr) {
            if (this.BannerArr[i] != null)
                this.BannerArr[i].destroy();
        }
    }

    //清空Banner
    public ClearBanner() {

        console.error("关闭所有banner了");
        for (var i in this.BannerArr) {
            if (this.BannerArr[i] != null)
                this.BannerArr[i].destroy();
        }
    }

打开激励广告

public safeclose: Function = null;
    public unsafeclose: Function = null;
    public scope: any = null;
    //打开激励广告
    public OpenAD(id: string, safeclose: Function = null, unsafeclose: Function = null, scope = null) {
        if (DEBUG) {
            if (safeclose) {
                safeclose.apply(scope);
            }
            return;
        }const videoAd = tt.createRewardedVideoAd({ adUnitId: id });
        this.safeclose = safeclose;
        this.unsafeclose = unsafeclose;
        this.scope = scope;

        videoAd.show().catch(() => {
            // 失败重试
            videoAd.load().then(() => videoAd.show())
                .catch(err => {
                    console.log(\'激励视频 广告显示失败\')
                })
        });

        videoAd.onError(err => {
            console.error("打开广告失败" + err);
        });

        videoAd.onClose(res => {
            if (res && res.isEnded) {
                // 正常播放结束,可以下发游戏奖励
                console.error("正常关闭广告了");
                if (this.safeclose != null)
                    this.safeclose.apply(this.scope);
                videoAd.offClose();
            } else {
                // 播放中途退出,不下发游戏奖励
                console.error("播放中途关闭广告了");
                if (this.unsafeclose != null)
                    this.unsafeclose.apply(this.scope);
                videoAd.offClose();
            }
        });
    }

 4、想要通过头条的审核,还需要了解必须接的功能

 

第一个内容安全检测,这个对于没有输入功能的游戏,可以不接,第二个,算是首要的功能,必须要接,第三个,这个一般来说小游戏没有登陆功能的话,也可以不接

对于分享功能可以参考官方api文档。

   public _videoPath: any = null;
    public recorder = null
    //开始录屏
    public startRecordScreen(time: number = 60) {
if (!this.recorder) this.recorder = tt.getGameRecorderManager();

        this.recorder.start({
            duration: time || 15,
        });
        this.recorder.onStart(res => {
            console.log("开始录屏");
        });
        this.recorder.onPause(res => {
            console.log("录屏暂停");
        });
        this.recorder.onResume(res => {
            console.log("继续录屏");
        });

        this.recorder.onStop(res => {
            console.log("录屏结束" + res.videoPath);
            this._videoPath = res.videoPath;
        });
    }
    //录屏暂停
    public OnPause(){
     if (!this.recorder) return;
        this.recorder.pause();
    }
    //继续录屏
    public OnResume(){
     if (!this.recorder) return;
        this.recorder.resume();
    }
    //结束录屏
    public stopRecordScreen() { 
     if (!this.recorder) return;
        this.recorder.stop();
    }
    //分享视频
    public shareVideoMsg() {
        if (!PlayerData.m_bIsTouTiao) return;
        if (!this._videoPath)return;

        tt.shareAppMessage({
            channel: \'video\',
            title: \'大乱斗\',
            desc: \'\',
            query: \'\',
            imageUrl: \'\',
            templateId: \'\',
            extra: {
                videoPath: this._videoPath, // 可用录屏得到的视频地址
                videoTopics: [\'大乱斗\', \'抖音小游戏\'],
                hashtag_list: [\'大乱斗\', \'抖音小游戏\']
            },
            success() {
                TipMsgCenter.getInstance().PopTipMsg("分享成功", 0);
            },
            fail(e) {
                TipMsgCenter.getInstance().PopTipMsg("分享失败", 0);
            }
        })
    }

游戏的审核标准就是看看有没有接录屏功能,并且录屏功能要放在显眼的地方,避免打回头重新审核,这个要夸一下,头条的审核速度是真的快,上午刚提交审核,过一会儿就好了,当然有时肯定人家也忙,2天之内,一定会进行审核的。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap