CocosCreator之KUOKUO带你修改web打包后loading页面

引擎版本:2.0.7

编辑工具:VsCode

目标:修改web打包后加载页面

小伙伴们应该都知道,h5打包后的包体有个加载页面。就是这个。

那么,我们能不能自定义呢?答案是肯定的。

实际上就是html+css所为我们呈现的页面。

首先。

第一步:改名字。

在打包后的文件夹里有个index.html

title标签里的就是。

对应这里

也就是浏览器的标签页标题。

第二步:改图片。

这里我有一张自己的图片:kk.png

然后,在style-mobile.css中,我们找到#splash这里:

修改后:

然后,我们看url前面的颜色之前是#171717.

那就是背景色,我们选个喜欢的颜色。

看!背景色和图片已经更改。

(我圈出来的进度条就是我们下一步要修改的。)

接下来!

第三步:修改进度条。

首先是进度条外框相关,在颜色最后加两个0,就是透明度为0(小伙伴们可以改成自己喜欢的颜色)

我不太喜欢,所以把阴影删除,如下图。

(伙伴们一定要随便打包一个,自己动手改一改哦。)

然后是进度条的圆角与上边外发光。这里我就是把圆角改大点。

第四步:进度条内容填充。

我们把角度改成90度试试:

 会是这样:

然后看看那个渐变样式,linear-gradient

我删除后:

接下来就是动画:

都是CSS相关知识。

推荐一个网址:

然后我修改为渐变动画:

最终效果:

好了,本期分享结束。

好玩吧!O(∩_∩)O~~

加我QQ群:(博客里面的项目,群文件里都有哦)

706176551

我们一起学习!

顺便推荐下我的微信小游戏:《美味合成》,《砰砰射击》。

欢迎体验!

O(∩_∩)O~~

猜你喜欢

转载自blog.csdn.net/kuokuo666/article/details/86765328