ios - iOS CAEmitterCell 花火効果

Question

花火のようなエフェクトを作りたいです。CAEmitterCell を使用できることはわかっています。いくつかの例をダウンロードしようとしましたが、iOS 5.0 のこの機能はまだ進行中です

CAEmitterCellを使用して花火効果を作成する方法を知っている人はいますか?

以下のようなものを作成する必要があります。

すべてのパーティクルは、中心 (赤い円) から緑の円に向かっています。赤い円は、CGPoint 値を持つ最初のポイントです。

Answer 1

私はこの解決策を見つけました：

DWFParticleView.h ファイルの外観

#import <UIKit/UIKit.h>

@interface DWFParticleView : UIView

@property (nonatomic) CGFloat time;

-(void)configurateEmmiter;
-(void)setEmitterPositionFromTouch: (UITouch*)t;
-(void)setIsEmitting:(BOOL)isEmitting andPoint:(CGPoint)point;

@end

これが DWFParticleView.m の外観です

#import "DWFParticleView.h"
#import <QuartzCore/QuartzCore.h>

@implementation DWFParticleView
{
    CAEmitterLayer* fireEmitter; //1
}

-(void)configurateEmmiter
{
    //set ref to the layer
    fireEmitter = (CAEmitterLayer*)self.layer; //2

    //configure the emitter layer
    fireEmitter.emitterPosition = CGPointMake(50, 50);
    fireEmitter.emitterSize = CGSizeMake(5, 5);

    CAEmitterCell* fire = [CAEmitterCell emitterCell];
    fire.birthRate = 0;
    fire.lifetime = 2.0;
    fire.lifetimeRange = 0.5;
    //fire.color = [[UIColor colorWithRed:0.8 green:0.4 blue:0.2 alpha:0.6] CGColor];
    fire.contents = (id)[[UIImage imageNamed:@"star_icon.png"] CGImage];
    [fire setName:@"fire"];


    fire.velocity = 80;
    fire.velocityRange = 20;
    fire.emissionRange = M_PI * 2.0f;

    fire.scaleSpeed = 0.1;
    fire.spin = 0.5;

    //add the cell to the layer and we're done
    fireEmitter.emitterCells = [NSArray arrayWithObject:fire];

    fireEmitter.renderMode = kCAEmitterLayerAdditive;

}

+ (Class) layerClass {
    return [CAEmitterLayer class];
}

-(void)setEmitterPositionFromTouch: (UITouch*)t
{
    //change the emitter's position
    fireEmitter.emitterPosition = [t locationInView:self];
}

-(void)setIsEmitting:(BOOL)isEmitting andPoint:(CGPoint)point
{

    fireEmitter.emitterPosition = point;

    //turn on/off the emitting of particles
    [fireEmitter setValue:[NSNumber numberWithInt:isEmitting?50:0]
               forKeyPath:@"emitterCells.fire.birthRate"];


    [self performSelector:@selector(decayStep) withObject:nil afterDelay:self.time];
}

- (void)decayStep {
    [fireEmitter setValue:[NSNumber numberWithInt:0]
               forKeyPath:@"emitterCells.fire.birthRate"];
}

@end

これは、たとえば、画面を1回タップする方法であり、効果を示しています

- (void)tap {
    DWFParticleView *fireView = [[DWFParticleView alloc] init];
    fireView.time = 0.3;
    [fireView setUserInteractionEnabled:NO];
    [fireView configurateEmmiter];
    [fireView setFrame:CGRectMake(0, 0, 0, 0)];
    [fireView setBackgroundColor:[UIColor redColor]];
    [self.view addSubview:fireView];
}

ここで見つけた素材: ray