目录
[TOC]
十一、UGUI翻书效果
1.效果展示：
2.实现思路
使用2D的UGUI来模仿3D的翻书效果。
原理简述：
-
1.未翻书的状态下，使用两个Image分别放置左右，代表左右两页。
-
2.在翻书的过程中使用2个新的Image来显示正在翻的当前页和正在翻的当前页的背面。如下图所示：
-
3.此时未翻书状态下的右边那一页在翻书过程中变为”后面一页“，如上图所示。
-
4.在翻书的过程中，为了保证显示正常，需要动态设置Mask遮罩，遮罩位置如下图所示：
-
5.为了模拟3D效果，每个Image下都有一个带有Shadow精灵的子物体以显示阴影效果。
-
6.正在翻的当前页的背面的Shadow也需要动态设置位置信息，如下图：
3.实现难点
-
1.合理得设置各个Image的轴心点和锚点，以降低代码复杂度。
-
2.翻书过程中Mask遮罩的位置、旋转设置：
翻动右页：
翻动左页：
-
3.设置正在翻的当前页的背面的位置、旋转。
计算类似于上面，此处略。
-
4.页面ID设置，页面显示什么图片取决于ID值。
4.代码
详见……