【包教包会】CocosCreator3.x框架——带翻页特效的场景切换

一、效果演示

翻页

二、如何获取

1、https://gitee.com/szrpf/TurnPage

2、解压,导入cocos creator(版本3.8.2),可以直接运行Demo演示

三、算法思路

1、单场景 + 页面预制体

通过loadScene来切换页面,无法实现页面特效。

因此,采用预制体来做页面,代替Scene

一个工程只需要一个Scene作为常驻Scene,就像一个导演

所有游戏中的内容(包括但不限于页面、弹窗、提示信息等等)

都是导演镜头下的演员,可以自由操控。

这样做的好处是:
可拓展性强(比如翻页特效)
无需常驻节点(因为Scene已经是常驻的了,在Scene下的节点都是常驻节点)

2、翻页动画

采用Animation来播放动画,无需代码,可视化编辑

翻页,流程如下:

Step 1:播放翻页动画

Step 2:移除旧页面,添加新页面

Step 3:反向播翻页动画

核心代码如下:

四、结束语

有不明白的,或者优化建议,可以留言评论,或给我发邮件!

包教包会,你会了吗?

创作不易,请多留言讨论,这样我会有动力发更多好玩的东西上来。

Gitee地址:https://gitee.com/szrpf

EMail地址:27185709@qq.com

推荐链接:
1、【包教包会】CocosCreator3.x——多分辨率屏幕适配、横竖屏翻转

2、CocosCreator3.x——拖尾(支持3.x、支持原生、可合批、高性能)

3、CocosCreator3.x实战案例——100行代码的追踪导弹Demo

4、2D图片实现3D透视效果(支持3.x、支持原生、可合批)

5、CocosCreator3.x框架——音频声音模块(无需导入、无需常驻节点)

6、2D图片实现3D透视效果(支持3.x、支持原生、可合批)

mi

2赞

大佬又有新东西了,牛逼

早啊大佬 :clap:

mark一下

大佬又有新东西了,牛逼

又学了一招

cv战士来袭,收藏中