[Perk]如何实现粒子效果

原创 2016年08月29日 19:40:07

我们先来看一个简单的下雪的粒子效果:

粒子效果

iOS在5.0之后,在QuartzCore中引入了一个CAEmitterLayer类,它是CALayer的子类,你猜的没错,该类便是实现雨雪、爆炸、烟雾等粒子效果的高性能粒子引擎。

你所看到的每个雪花都是一个CAEmitterCell对象,这些对象都被放在CAEmitterLayer这个容器当中,给这个容器和这些对象设置一些属性,那么内部便自动帮我们实现粒子效果。

正因为如此,所以粒子效果实现起来也比较简单,你只需要创建容器,建立一个标准的粒子模型,然后设置一些属性,完了再把这些粒子放在数组当中,放入容器就OK了,我们来看看这个下雪效果的代码:

import UIKit
// 导入与否都行,你只需知道是该框架里面的API就行了
import QuartzCore
//自定义一个SnowView来封装粒子效果
class SnowView: UIView {

  required init(coder aDecoder: NSCoder) {
    super.init(coder: aDecoder)
    creatSnow()
  }
  override init(frame: CGRect) {
    super.init(frame: frame)
    //核心方法
    creatSnow()
  }

func creatSnow() {
// 我们先来创建容器
    let emitter = layer as! CAEmitterLayer
    // 粒子发射源
    emitter.emitterPosition = CGPoint(x: bounds.size.width / 2, y: 0)
    // 粒子发射源的范围,设置为CGSize.zero你便能理解该属性   
    emitter.emitterSize = bounds.size
        // 粒子发射源的形状
// kCAEmitterLayerLine: 一条线
// kCAEmitterLayerRectangle: 矩形
// kCAEmitterLayerCircle: 圆
// kCAEmitterLayerCuboid: 立方体(三维)
// kCAEmitterLayerSphere: 球体(三维)
    emitter.emitterShape = kCAEmitterLayerRectangle

// 再来创建粒子对象    
    let emitterCell = CAEmitterCell()   // 粒子对象
    // 粒子内容
    emitterCell.contents = UIImage(named: "flake.png")!.CGImage 
    // 每秒生成粒子的个数
    emitterCell.birthRate = 200 
    // 粒子存活平均时间    
    emitterCell.lifetime = 3.5  
    // 粒子混合颜色    
    emitterCell.color = UIColor.whiteColor().CGColor
    // 粒子颜色变化范围    
    emitterCell.redRange = 0.0
    emitterCell.blueRange = 0.1
    emitterCell.greenRange = 0.0  
    // 粒子运动的速度均值  
    emitterCell.velocity = 10  
    // 粒子运动速度变化范围 
    emitterCell.velocityRange = 350   
    //  粒子喷射角度  
    emitterCell.emissionRange = CGFloat(M_PI_2)     
    emitterCell.emissionLongitude = CGFloat(-M_PI)
    // 粒子的初始加速度(右和下为正,左和上为负)
    emitterCell.yAcceleration = 70  
    emitterCell.xAcceleration = 0

    // 粒子的分辨率清晰度,越大越虚化,具体效果自己设置来看就理解了
    emitterCell.scale = 0.33   
    // 粒子缩放变化范围 
    emitterCell.scaleRange = 1.25  
    // 粒子缩放速度? 
    emitterCell.scaleSpeed = -0.25  
    //  粒子透明度变化范围
    emitterCell.alphaRange = 0.5 
    // 粒子消逝速度(透明度缩减速度)
    emitterCell.alphaSpeed = -0.15  
    // 将粒子对象组成的数组放入CZEmitterLayer容器
    emitter.emitterCells = [emitterCell] 
}
 //  这里因为是将UIView的layer强转为CAEmitterLayer,所以这里必须要告诉系统该类的layer是CAEmitterLayer
  override class func layerClass() -> AnyClass {    
    return CAEmitterLayer.self
  }
}

这便是一个下雪天气的粒子效果,其实很简单,我们所要做的无非就是不断测试和调整这些属性的值来达到满意的效果,其他比如爆炸、下雨之类的就是换换粒子图片再调整属性,那么便OK了!

版权声明:本文为博主原创文章,转载请著名出处。

相关文章推荐

[Perk]如何实现波浪效果(Swift)

首先,还是先来看看要实现的效果:没错,现在很多App中都有这种效果,比如给你显示剩余电量啊,流量啊什么的。一直想看看这种效果怎么实现的,看了一个Demo,瞬间明白,来,我们一步步实现一下,首先分析下实...

【Cocos2d-x游戏引擎开发笔记(11)】粒子系统----实现下雪效果

原创文章,转载请注明出处:http://blog.csdn.net/zhy_cheng/article/details/8289683 太原市今天下雪了,8点出门,银装素裹,分外妖娆。今天就来主打下...

CAEmitterLayer 全面介绍及实现各种粒子效果

本文首次发布于 CAEmitterLayer 全面介绍及实现各种粒子效果, 作者余东洋,转载请保留原文链接. 前言CAEmitterLayer作为CALayer的子类的一个高性能的粒子引擎,被用来创建...

DirectX3D游戏制作之---粒子效果的实现

引言:         既不回头,何必不忘;既然无缘,何需誓言。今日种种,似水无痕;明夕何夕,君已陌路。           &#...

iOS 粒子效果实现CAEmitterLayer

iOS 粒子效果实现CAEmitterLayerCAEmitterLayer是ios5中苹果引入了一个新的CALayer子类。CAEmitterLayer是一个高性能的粒子引擎,可以用来做一些绚丽的粒...

java实现粒子效果(瀑布)

import java.awt.Color; import java.awt.Graphics; import java.awt.Image; import java.awt.image.Buffer...

纯css实现粒子效果

好久没有更新的CSS3演武场系列,半年前搁浅的一篇文章赋予新年新气象闪亮登场了,研究一下利用css(sass)实现粒子效果,主要使用box-shadow生成粒子,利用css3 animation和tr...
  • whqet
  • whqet
  • 2015-01-09 12:49
  • 8041
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)