首页 > 代码库 > SpriteBuilder&Cocos2D使用CCEffect特效实现天黑天亮过度效果

SpriteBuilder&Cocos2D使用CCEffect特效实现天黑天亮过度效果

大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处.
假设认为写的不好请多提意见,假设认为不错请多多支持点赞.谢谢! hopy ;)


在动作或RPG类游戏中我们有时须要天黑和天亮过度的效果来完毕场景的过度,有非常多种方法比方用场景切换的过渡类来实现.可是在这里我们使用另外的方法:CCEffect特效节点来实现.

打开SpriteBuilder,在CCB场景中加入一个CCEffectNode节点,按例如以下设置:

技术分享

注意上图有2个Brightness效果,实际仅仅用一个,还有一个是做其它測试用的.

打开Xcode加入过渡代码:

-(void)darkFadeOut:(CCTime)delta{
    CCEffectStack *effectStack = (CCEffectStack*)_effectNode.effect;
    CCEffectBrightness *effectBrightness = (CCEffectBrightness*)[effectStack effectAtIndex:0];

    if (effectBrightness.brightness <= -1) {
        [self unschedule:_cmd];
        if (_mapNameWaitingGoTo) {
            if (CGPointEqualToPoint(_spawnTilePos, ccp(-1, -1))) {
                [self GoToMapNamed:_mapNameWaitingGoTo];

            }else{
                [self GoToMapNamed:_mapNameWaitingGoTo spawnAtTilePos:_spawnTilePos];
            }
            [self schedule:@selector(darkFadeIn:) interval:0.2];
        }
    }else{
        if (effectBrightness.brightness - 0.1 <= -1.0f) {
            effectBrightness.brightness = -1.0f;
        }else{
            effectBrightness.brightness -= 0.1;
        }
    }
}

还有还有一个相应方法:darkFadeIn与此相似,仅仅只是属性是反转的效果.

编译链接,执行效果例如以下(动绘图片比較大,可能要等一会):

技术分享

<script type="text/javascript"> $(function () { $(‘pre.prettyprint code‘).each(function () { var lines = $(this).text().split(‘\n‘).length; var $numbering = $(‘
    ‘).addClass(‘pre-numbering‘).hide(); $(this).addClass(‘has-numbering‘).parent().append($numbering); for (i = 1; i <= lines; i++) { $numbering.append($(‘
  • ‘).text(i)); }; $numbering.fadeIn(1700); }); }); </script>

SpriteBuilder&amp;Cocos2D使用CCEffect特效实现天黑天亮过度效果