电商 + 小游戏火爆的趋势已愈发显著,为了帮忙商家更好的留住用户、促成沉闷,淘宝购物小程序已率先反对商家店铺公布创意互动小游戏,进一步实现电商与小游戏的紧密结合,抢占消费者注意力!
对于游戏开发者而言,则意味着休闲品类的小游戏与电商联合的利用场景将会更加广大,大家能够脑洞大开、尝试做更多的营销互动类小游戏!
当初,Egret Engine 已与淘宝创意互动实现底层技术对接,开发者只须要将引擎版本升级到 5.3.10、Egret Launcher 降级至 1.2.22,即可轻松实现将游戏一键公布至淘宝购物平台!
淘宝创意互动接入指南见下:
一、开发环境筹备
1. 注册商家利用账号;
2. 下载淘宝开发工具;
3. 对于用户受权,用户信息等零碎性能,请调用平台提供的 API;
4. 白鹭引擎版本 5.3.10 以上;
5.EgretLauncher 版本 1.2.22 以上。
二、创立小游戏和可视化编译打包小游戏
1. 应用测试版的 Egret Launcher 创立一个 Egret 游戏我的项目,或者将原有的 Egret 我的项目导入;
2. 导入或者创立实现后,会在 Egret Launcher 的列表里看到该我的项目。点击公布设置:
3. 抉择“淘宝创意互动”
标签,点击 确定
,创立淘宝我的项目;
4. 创立胜利后,点击 公布
标签,能够可视化的公布小游戏包;
5. 游戏代码类型:把白鹭工程里的代码编译淘宝我的项目里;
- debug:js 代码不进行 uglify 混同,便于 debug 调试;
- release:js 代码进行 uglify 混同压缩;
6. 淘宝创意互动我的项目构造文件阐明:
- app.css:利用的全局款式文件,个别不须要批改。
- app.js:注册利用,获取利用的启动、显示、暗藏等音讯。
- app.json:利用的配置文件。
- js 目录:白鹭我的项目编译进去的游戏代码
- manifest.js:用于加载依赖的 js 文件
- mini.project.json:用于配置我的项目用到的文件格式,如果用到了非凡的文件格式,须要在这配置
- package.json:我的项目形容文件
-
pages/index 文件夹:
* egret.tbgame.js:白鹭适配层文件 * index.axml:入口的页面构造 * index.js:入口类 * tools 文件夹:一些工具类,不要批改
- resource : 游戏的图片、音频等资源文件
三、装置到手机
1. 下载开发者工具;
2. 点击【商家利用】->【关上我的项目】,抉择方才创立好的淘宝创意互动我的项目;
3. 我的项目类型,抉择商家利用;
4. 在面板的左上方关联利用,点击右上方的真机调试,编译实现后,应用手机淘宝 APP,扫码调试;
四、注意事项
- 平台因为平安问题,不反对 my.request 这个网络申请的 API。咱们通过其余 API 反对了大部分的网络申请办法,如果你的游戏还有问题,请应用云开发
- 加载近程资源时,资源要放在阿里系域名下,具体情况请征询淘宝的技术支持;
- 平台提供的文字输出性能很弱,请先测试查看成果;
- 创立的 egret.Sound,在不必的时候,肯定要调用 sound.close() 办法来销毁;
- 不反对横屏游戏;
- iOS 临时不反对 websock 真机调试,预览模式能够应用;
- iOS 临时不反对本地声音播放,网络加载的声音能够;
- 不能间接调用 window 对象,须要应用 $global.window;
- 模拟器临时不反对声音播放等性能,请以真机测试为准。
五全局变量的应用
淘宝创意互动我的项目不反对全局变量,具体应用形式,请查阅 Egret 官网教程文档 -《对于全局变量的应用》!