美文网首页
cocos2d-x 3.15中帧动画相关

cocos2d-x 3.15中帧动画相关

作者: Kerwin_lang | 来源:发表于2017-07-24 12:04 被阅读0次

在cocos2d-x 3.15中可以通过序列帧来实现动画效果,具体实现方法就不说了。
不过,在这个过程中有个地方需要注意,就是序列帧动画大小的设置,如下图所示的情况

xlz.png

要想让动画跟 背景边框完全重合的话,需要设置缩放来适应,代码如下

function Active_SignInLayer:createAnimation( backSprite,count )
    local animation = cc.Animation:create()
    local backSize = backSprite:getContentSize()
    local aniSprite
    if count < 7 then--创建第一天到第六天的动画
        for j=1,9,1 do
            local name = "Active/animation_oneToSix_"..j..".png"
            local fileName = G_GetPlazaRes(name)
            animation:addSpriteFrameWithFile(fileName)
        end
        aniSprite = cc.Sprite:create(G_GetPlazaRes("Active/animation_oneToSix_1.png"))
    else--创建第七天的动画
        for j=1,9,1 do
            local name = "Active/animation_seven_"..j..".png"
            local fileName = G_GetPlazaRes(name)
            animation:addSpriteFrameWithFile(fileName)
        end
        aniSprite = cc.Sprite:create(G_GetPlazaRes("Active/animation_seven_1.png"))
        local aniSize = aniSprite:getContentSize()

    end

 --计算缩放值
        local aniSize = aniSprite:getContentSize()
        local sx = backSize.width/(aniSize.width-6)
        local sy = backSize.height/(aniSize.height-6)
    aniSprite:addTo(backSprite)
    aniSprite:setAnchorPoint(0.5,0.5)
    aniSprite:setPosition(backSize.width/2,backSize.height/2)
    -- aniSprite:setContentSize(backSize)
--缩放
        aniSprite:setScaleX(sx)
        aniSprite:setScaleY(sy)
    animation:setDelayPerUnit(0.08)
    animation:setRestoreOriginalFrame(true)--动画执行后还原初始状态
    local action = cc.Animate:create(animation)
    aniSprite:runAction(cc.RepeatForever:create(action))
print("sx = " .. sx..";sy = " .. sy)
end

相关文章

  • cocos2d-x 3.15中帧动画相关

    在cocos2d-x 3.15中可以通过序列帧来实现动画效果,具体实现方法就不说了。不过,在这个过程中有个地方需要...

  • iOS-核心动画

    前言:核心动画的基础知识,包括基本动画、帧动画、转场动画相关知识。 一、核心动画(Core Animation) ...

  • iOS动画系列一

    前言:做相关demo动画已经有一段时间了、现在闲下来记录下相关动画制作。iOS动画主要就是路径动画、帧动画、缩放动...

  • cocos2d-x lua 帧动画

    cocos2d-x技术群新群:117871561c++技术交流群:593010226 1,为了在游戏中流畅的播放帧...

  • CSS3 animation动画 - 转风车、loding加载、

    仅供学习,转载请注明出处 CSS3 animation动画相关参数 1、@keyframes 定义关键帧动画2、a...

  • cocos creator (1) ——帧动画

    帧动画 整体流程 帧动画,就是通过一系列图片定义动画表现的动画形式,首先我们需要动画运行所需的所有帧。 这些帧通常...

  • css动画

    css动画首先要明白动画是一帧一帧的,由多个帧拼起来的动画 @keyframes 此为动画样式中的关键帧,用关键帧...

  • Android开发之帧动画

    Android动画主要分为3种 View动画(Android开发之View动画) 帧动画 属性动画 何为帧动画? ...

  • 对WindowManager中的View设置动画

    1.直接对View设置传统动画 传统动画包括帧动画和补间动画。帧动画主要是一帧一帧的播放。可以在xml中使用 标签...

  • 记录ProgressBar实现Loading

    旋转 旋转资源 帧动画效果 帧动画效果资源

网友评论

      本文标题:cocos2d-x 3.15中帧动画相关

      本文链接:https://www.haomeiwen.com/subject/zifbkxtx.html