Cocos Creator—定制H5游戏首页loading界面 1

转载自：https://www.cnblogs.com/babyzone2004/p/7257974.html

方案具体策略如下：

在工程目录还原最终首页加载代码。在工程根目录新建html文件夹，手动把build/web-mobile/源文件里面的style-mobile.css，main.js，splash.png复制到html文件夹，新建loading.html文件，body标签的结构保持跟最终构建生成的index.html结构一致。
定制自己的UI和加载逻辑。新建loading.css，新建loading.js，在loading.css实现新的加载界面UI，在loading.js上实现新增的加载逻辑，如果不需要，loading.js可以忽略不加。
通过gulp等构建工具，动态把loading.css合并到build/web-mobile/style-mobile.css，把loading.js合并到build/web-mobile/main.js。

步骤1是为了方便开发的UI能正常覆盖原有的loading界面。如果Cocos Creator升级对相关的加载逻辑做了大幅度更新，影响最终的覆盖，可以手动同步一下style-mobile.css，main.js的代码到最新。

gulp安装请访问：https://gulpjs.com/
nodejs安装请访问：http://nodejs.org/
另外需要安装gulp相关插件：gulp-concat

gulpfile文件代码：

gulp.task('concat-css', function(cb)

{

gulp.src(['./build/web-mobile/style-mobile.css', './html/loading.css'])

.pipe(concat('style-mobile.css')).pipe(gulp.dest('./build/web-mobile/')

.on('end', cb));

});

Cocos Creator—定制H5游戏首页loading界面 1相关推荐

Cocos Creator—定制H5游戏首页loading界面
Cocos Creator从1.0版本发布到现在也有一年多了,按理说一些常见的问题网上都有解决方案,例如"如何自定义首页加载进度条界面"这种普遍需求,应该所有人都会遇到的,因此也有 ...
【10086个赞】Cocos Creator助力H5游戏大爆发
梦想起航,共筑辉煌.4月21日,"资本助推H5行业发展--2017·H5-GAME资深大咖荟"在厦门创+会议中心正式拉开帷幕. 作为一个新兴行业,H5游戏至去年年末便被众多从业者炒 ...
Cocos Creator发布H5游戏，做项目构建流程定制
游戏实现主要介绍游戏玩法,具体实现,参考游戏源码.玩法是:游戏开始后,通过虚拟摇杆控制猴子在屏幕左右方向跳动,屏幕上随机出现香蕉,过一段时间后消失,猴子吃到香蕉得分,如果等到香蕉消失时,猴子仍旧没吃 ...
走入COCOS Creator 【H5游戏入门系列课程】笔记
相关网盘免费资源下载... 1.闭包: 彻底理解js中的闭包:https://blog.csdn.net/dovlie/article/details/76339244 2.Js中函数要前向定义(因为 ...
cocos creator 浅塘游戏开发(2) 搭建初始界面
cocos creator 浅塘游戏开发(2) 文章目录 cocos creator 浅塘游戏开发(2) 前言一.创建一个新的工程二. 1.初始配置 2.初始界面总结前言此次文章将会搭建浅塘 ...
cocos creator 微信小游戏接口
cocos creator 微信小游戏接口 /** @Description:微信小游戏* @version: * @Author: lvpeijun* @Date: 2019-12-02 10:43 ...
cocos creator vivo 小游戏 mac电脑
cocos creator vivo 小游戏 mac电脑接入文档文档链接 vivo调试调试文档浏览器真机调试 1:使用cocos creator 进行打包要勾选调试模式生成了com.exma ...
解决cocos creator微信小游戏本地缓存文件超过限制问题
cocos creator微信小游戏开发,如果游戏包内资源超过包体大小限制,那么可以通过远程加载的方式加载资源(代码脚本文件除外). 小游戏在迭代过程中因为缓存资源的积累,在加载资源的时候会出现超过缓 ...
微信小游戏实战--cocos creator实现wordle游戏（六）
就wordle游戏本身而言它已经完成了,但我并不打算就到此为止."麻雀虽小五脏俱全",从"完整"的角度来看,它还缺少一些"必不可少"的功能: ...

Cocos Creator—定制H5游戏首页loading界面 1

Cocos Creator—定制H5游戏首页loading界面 1相关推荐

最新文章

热门文章