以前用ccc实现过翻拍效果,只能说勉强能使用,但是效果不是很完美。https://unity3d.blog.csdn.net/article/details/91851063
观看效果发现:真反面画面不是很协调。为了让效果看上去更逼真一点,我们使用两张图片(一张正面,一张背面)来实现翻牌效果。
1。正面翻背面:正面图片X缩放到0的同时,将背面X缩放到1。
2。背面翻正面:背面图片X缩放到0的同时,将正面X缩放到1。
具体实现方式如下:
local function ClickFlipCard(_go,idx)
local passScaleX = ui.jigsaw[idx].pass.transform.localScale.x
if passScaleX == 1 then
--当前显示的是正面,需要翻到背面
ui.jigsaw[idx].lock.transform.localScale = Vector3.New(0,1,1)
local seq = DOTween.Sequence()
seq:Append(ui.jigsaw[idx].pass.transform:DOScaleX(0, 0.3))
seq:Append(ui.jigsaw[idx].lock.transform:DOScaleX(1, 0.3))
else
--当前显示的是背面,需要翻到正面
ui.jigsaw[idx].pass.transform.localScale = Vector3.New(0,1,1)
local seq = DOTween.Sequence()
seq:Append(ui.jigsaw[idx].lock.transform:DOScaleX(0, 0.3))
seq:Append(ui.jigsaw[idx].pass.transform:DOScaleX(1, 0.3))
end
end
运行效果: