Unity UGUI 实现翻牌效果(shader实现)

先看效果。因为没做成gif格式,就分别取牌旋转0,45,135,180 这4张图,表示旋转。

Unity UGUI 实现翻牌效果(shader实现)Unity UGUI 实现翻牌效果(shader实现)

 Unity UGUI 实现翻牌效果(shader实现)Unity UGUI 实现翻牌效果(shader实现)

 

实现思路

1.牌的两面是两张图,分别用两个UGUI的Image控件。这两个挂在一个父节点下,并且位置重合。

2.修改UIGUI的Image的Shader。牌的正面用的shader进行背面剔除,牌的背面用的shader进行正面剔除。也就是说这两张图片用的shader是经过修改后的shader。

Cull Back 和 Cull Front

3.旋转父节点,实现翻牌效果

完整shader下载 下载