Laya教程-对接vivo小游戏sdk(5分钟掌握)

视频演讲稿

laya教程-对接vivo平台(10分钟掌握)

演讲稿:

本节内容讲的是:Laya引擎对接vivo平台

讲解顺序依次是SDK对接,安装vivo发布环境,测试流程

开发环境:
LAYA版本2.5,ts语言

对接的是官方自带的2d项目

打开视频案例

我们在母板上添加了1个按钮,分数翻倍
在这里插入图片描述

扫描二维码关注公众号,回复: 12046303 查看本文章

sdk功能点:
banner广告,激励视频,插屏广告,原生广告

首先为项目增加TS广告库

导入ui资源和ui场景(原生广告需要)

打开原生广告场景做讲解

banner广告

游戏运行,和游戏结束时进行打开banner广告

GameControl.ts

onEnable() 和 stopGame() 输入以下代码

BannerAndVideo1.OpenBanner(this, null);

原生和插屏广告
stopGame()增加代码
//原生广告(模仿插屏)
BannerAndVideo1.OpenNavAd();

        //插屏广告
        //由于商务采用了原生替代插屏,所以并没有插屏广告可以显示
       // BannerAndVideo1.CreateInterstitialAd();

真机运行结果
在这里插入图片描述
在这里插入图片描述

游戏开始时清除广告组件
startGame()
//sdk
BannerAndVideo1.Clear();

激励视频,分数翻倍
gameui.ts
scoreMul2Click()
BannerAndVideo1.ShowVideo(this, this.onvideoEnd)

onvideoEnd(isok) {
    console.log(this);
    if (isok) {
        Platform.ShowToast('奖励X2');
        this._score *= 2;
        this.scoreLbl.changeText("分数:" + this._score);
    }
    else
        Platform.ShowToast('看完视频才有奖励');
}

进行视频演示最后结果

进行真机演示

进行广告组件的讲解

开发者文档
http://minigame.vivo.com.cn/documents/#/api/

为了能在真机能成功测试,开发者务必准备好广告ID
在这里插入图片描述

框架处理了什么问题?

低版本调用高版本API做了忽略处理
原生广告加载队列处理,异步加载处理等,最终封装成高层简单的API
简单来说,框架抹平了一切需要处理的常见问题

讲解游戏发布问题

发布时需要安装vivo发布环境

全局安装 nodejs-8.9.0 或以上版本

通过命令行安装
npm install -g @vivo-minigame/cli

由于默认情况是国外服务器,所以往往会安装失败

可以通过梯子,或者设置为国内服务器再进行安装

npm config set registry https://registry.npmjs.org/

安装成功后的样子
在这里插入图片描述

讲解游戏测试方法

真机测试:

手机需要安装小游戏调试工具
https://minigame.vivo.com.cn/documents/#/download/debugger
保证手机和电脑在同一局域网
在这里插入图片描述
发布用手机扫码即可,电脑上也会自动打开chrome浏览器,方便查看调试信息

对于没有真机的开发者,可以使用VIVO提供的远程真机平台

https://vcl.vivo.com.cn/#/quick/picking

LAYA对接VIVO小游戏到这里就讲解完毕

课程资料可在进Q群下载
感谢观看
在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/koljy111/article/details/108659740
今日推荐