欢迎来到淼淼之森的博客小站。  交流请加我微信好友: studyjava。  也欢迎关注同名公众号:Java学习之道

unity使用Dotween实现翻牌效果

  |   0 评论   |   0 浏览

以前用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

运行效果:
325236151.gif


标题:unity使用Dotween实现翻牌效果
作者:shirlnGame
地址:https://www.mmzsblog.cn/articles/2022/07/05/1656994123114.html

如未加特殊说明,文章均为原创,转载必须注明出处。均采用CC BY-SA 4.0 协议

本网站发布的内容(图片、视频和文字)以原创、转载和分享网络内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。若本站转载文章遗漏了原文链接,请及时告知,我们将做删除处理!文章观点不代表本网站立场,如需处理请联系首页客服。
• 网站转载须在文章起始位置标注作者及原文连接,否则保留追究法律责任的权利。
• 公众号转载请联系网站首页的微信号申请白名单!

个人微信公众号 ↓↓↓                 

微信搜一搜爱上游戏开发