【包教包会】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、支持原生、可合批）