Cocos creator自定义loading动画

如题,在creator中如何自定义loading动画?

是资源加载的时候还是场景切换的时候?

两种情况都需要。。。

1.资源加载的loading动画

在将要执行资源加载的操作的时候,在cc.loader.loadRes之前,添加一个加载动画,然后在资源加载完成的回调里移除这个动画

2.切换场景的loading动画

在cc.director.loadScene之前弹出loading动画,然后调用cc.director.loadScene就行了

我就只能想到这样,也许还有其他更好的办法

cocos creator 在一开始的加载画面可以改吗

可以啊,在发布后的项目的main.js里面修改

谢谢你,但是我还是不太懂那个加载动画怎么弄,我现在有一个loading的序列帧动画,不是要把它放在场景里才行呢吗,我要在游戏里新建一个loadingScene吗

就是这个画面,要如何替换?背景我知道如何替换,加载的时候不要进度条,改成设计好的帧动画,要怎么改呢?

1赞

目前这个界面是使用 DOM + CSS 来呈现的,你可以在 main.js 中找到 progressBar,并把 progressBar 从 DOM 节点树上移除,最后替换上你需要的内容就可以了。

同时,在任何场景加载前,你都可以调用 main.js 中的 setLoadingDisplay 来显示这个加载页面,它会在场景启动后自动关闭,原理是监听了 cc.Director.EVENT_AFTER_SCENE_LAUNCH,这里你可以仔细看下 setLoadingDisplay 的源码

4赞

实现这个需求,只要更新相关的css文件就可以了。具体也可以参考这个方案:
http://forum.cocos.com/t/cocos-creator-h5-loading/49289

这个启动界面能不能做到引擎里面去呢,在项目代码里修改更快捷点

1赞

我的天,两年了, 这个问题还是这样?? 要自己去扒main.js出来改???

1赞

菜鸟 刚入门

不可以在打包的时候进行设定么。不引入你们的内置资源。

可以更改模板。
https://docs.cocos.com/creator/1.9/manual/zh/publish/custom-project-build-template.html

creator的自定义loading和其它引擎相比起来,感觉就像回到了石器时代。。。

4赞

目前我的做法是,通过文档上提到的
引擎定制工作流程

项目目录下创建
build-templates/web-mobile/
复制build/web-mobile/下的
index.html,main.js,splash.png,style-mobile.css
构建前,修改build-templates里的这几个文件可以实现自定义loading
以后每次构建项目,会自动以刚刚创建的为自定义模板构建。所以只需要构建一次

要改loading还得先学css 我也是服了 其他引擎几分钟就解决的问题 cocos 这里几年了都没解决

1赞

启动画面如何定制?文档里找不到半点线索。

以前的解决方案都不适合现在的版本了。。无语。。