cocos2d-x3.0基本动作之FadeIn动作,FadeOut动作

本文链接：https://blog.youkuaiyun.com/huxiaoyang1234/article/details/51322624

本文介绍了如何在cocos2d-x3.0中使用FadeIn和FadeOut动作来实现精灵的淡入淡出效果。通过创建精灵，设置初始透明度，然后应用FadeIn和FadeOut动作的顺序组合，展示了一个5秒内精灵从透明渐变为完全显示，再从完全显示渐变为透明的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

bool FadeAction::init()
{
    // 调用父类的init函数
    if ( !Layer::init() )
    {
        return false;
    }
    
    Size visibleSize = Director::getInstance()->getVisibleSize();
    // 使用.png图片创建一个精灵
    auto apple1 = Sprite::create("CloseNormal.png");
    // 设置精灵的位置
    apple1->setPosition(Vec2(visibleSize.width/2-100, visibleSize.height/2));
    // 将精灵的透明度设置为0，可以更好的观察淡入效果
    apple1->setOpacity(0);
    // 将精灵添加为当前层的子节点
    this->addChild(apple1);
    // 创建一个FadeIn动作，执行该动作的节点会在5秒内淡入
    auto fadeIn = FadeIn::create(5);
    // 反转FadeIn动作，即节点会在5秒内淡出
    auto fadeInReverse = fadeIn->reverse();
    // 精灵按顺序执行fadeIn和fadeInReverse动作
    apple1->runAction(Sequence::create(fadeIn,fadeInReverse, NULL));
    // 创建第二个精灵
    auto apple2 = Sprite::create("CloseNormal.png");
    apple2->setPosition(Vec2(visibleSize.width/2+100, visibleSize.height/2));
    this->addChild(apple2);
    // 创建一个FadeOut动作，执行该动作的节点会在5秒内淡出
    auto fadeOut = FadeOut::create(5);
    // 反转FadeOut动作，即节点会在5秒内淡入
    auto fadeOutReverse = fadeOut->reverse();
    // 精灵执行FadeOut动作和fadeOutReverse动作
    apple2->runAction(Sequence::create(fadeOut,fadeOutReverse, NULL));
    
    return true;
}