需求
制作 playable ad,即单个 html 文件。
代码
https://github.com/fkworld/cocos-to-playable-ad
说明
完整的说明请参考项目的 README.md 文件。
但是我怕字少了没人看,所以粘贴一些我个人认为比较重要的部分。
基础说明
- 本项目参考了一些网络上的资料,进行了以下改进:
- 支持 cocos creator 到 2.1.3
- 完善了核心算法描述(请参考 README.md)
- 使用 node.js 完成,完善了开发环境描述,代码注释
- 本项目不包括对图片,声音资源的压缩,需要自行压缩。
- 本项目不包括使用 cocos creator 打包时的模块选择,需要自行筛选。
如何使用?
- 开发环境:
- macOs Cataline 10.15
- node 12.9.0
- cocos creator 2.1.3
- 输入:使用 cocos creator 构建出来的 web-mobile 项目文件夹。
- 输出:index.html。
- 使用方法:
- 将构建出来的 web-mobile 整个文件夹整个放入项目的 src 目录下。此时目录为:src/web-mobile/…
- 修改 src/web-mobile/main.js,注释掉 154 到 163 行,目的是不在代码中载入 project.js,而是在流程中载入。
- 在根目录下执行 npm run build,会显示流程执行过程以及相应的消耗时间。
- 点击输出文件 dist/index.html,检查在浏览器中是否显示正常。
核心算法
- 将项目所依赖的资源读取并写入到 window.res,保存为 res.js。
- 通过 cc.loader.addDownloadHandlers 修改资源载入方式,从 window.res 中载入资源。
- 将 index.html 中所依赖的 css 和 js 文件,包括一些新的 js 文件写入到 html 文件本身。