夭寿了,居然真的是广告里插游戏
项目需要在Facebook的广告里加一段游戏试玩。这让本职是cocos前端的我一头包,其实cocos也能生成web-mobile然后生成html5,但是公司觉得这样打包出来运行会带cocos的闪屏logo。所以一切重新来吧。毁灭吧
![随便找的图](https://i-blog.csdnimg.cn/blog_migrate/76b4b43f560d9c161de3f107024eb4c8.jpeg#pic_center)
1.引擎
既然cocos不能用了,那就要找一个替代品,上级给我推荐了PIXI.js,Pixi是一个超快的2D渲染引擎,只需要在项目里加上pixi.min.js pixi官网 这里是PIXI的教程 根据他教程里,下载了Brackets text editor这个编辑器。具体语法巴拉巴拉的就不过多描述,挺简单的,唯一的缺点就是不是可视化编辑。另外吐槽一下为什么坐标原点是左上角。
2.对接
在编辑器里把项目调试好后准备上传到FB后台看效果。把整个项目打包zip上传,运行后只有一个背景,是我的舞台背景颜色,图片没有加载出来,回头看FB的要求有一条包含所有素材的试玩广告的单个 HTML 文件和素材应为 URI 压缩数据。(Javascript、CSS、图片、声音),头又大了,这又是啥~~~。
经过查资料看到了一个人的帖子说是要把图片转变成Base64格式读取。好吧,只能这样了。
3.转变
好在那个作者提供了一个python的脚本,可以批量把项目里的图片转变,但是它是基于cocos打包出来的东西,有些设定我用不到,把不需要的删掉,运行,图片信息都被加到了index.html里了。
又好在pixi是支持加载base64编码里,只需要改一下方法参数就好了。这样资源文件也可以扔了。
最后再加上FbPlayableAd.onCTAClick();这个方法,上传到后台就ok了。
*第一次写心得,写得好拉啊哈哈啊哈哈哈 *