记FaceBook试玩广告对接学习

夭寿了，居然真的是广告里插游戏
项目需要在Facebook的广告里加一段游戏试玩。这让本职是cocos前端的我一头包，其实cocos也能生成web-mobile然后生成html5，但是公司觉得这样打包出来运行会带cocos的闪屏logo。所以一切重新来吧。毁灭吧

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了。

*第一次写心得，写得好拉啊哈哈啊哈哈哈 *