一、效果演示
二、如何获取
1、https://gitee.com/szrpf/TurnPage 2
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、支持原生、可合批)