[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了!

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

IOS 使用 CAEmitterLayer实现粒子效果

在iOS 5中,苹果引入了一个新的CALayer子类叫做CAEmitterLayer。CAEmitterLayer是一个高性能的粒子引擎,被用来创建实时例子动画如:烟雾,火,雨等等这些效果。 CAE...
  • u011646339
  • u011646339
  • 2016年07月08日 11:42
  • 2002

HTML5高级编程之像素处理及粒子效果

HTML5中的像素处理,需要用到getImageData和putImageData两个函数,先用getImageData复制canvas画布中的像素数据,然后对获取的像素数据进行处理,最后再通过put...
  • lufy_Legend
  • lufy_Legend
  • 2014年03月10日 06:33
  • 15913

OSG粒子系统应用:喷泉效果

粒子系统主要分为两大类: - 一是Effective中已有的效果,如雨雪的效果应用; - 二类是一步步从模版,发射器等创建。关于第一种的使用可以参见上一篇博客OSG粒子系统应用:雨雪效果。本篇博客...
  • chlk118
  • chlk118
  • 2015年07月25日 13:41
  • 1820

ANDROID模拟火花粒子的滑动喷射效果

通过SurfaceView模拟火花粒子的滑动喷射效果
  • a396901990
  • a396901990
  • 2015年03月04日 01:36
  • 7051

【Visual C++】游戏开发五十 浅墨DirectX教程十八 雪花飞扬:实现唯美的粒子系统

本系列文章由zhmxy555(毛星云)编写,转载请注明出处。   文章链接:http://blog.csdn.net/zhmxy555/article/details/8744805 作者:毛星云(浅...
  • zhmxy555
  • zhmxy555
  • 2013年04月01日 02:24
  • 29108

android使用粒子动画实现炊烟袅袅的效果

在我们所熟悉的view动画和属性动画之外,又多了一项粒子动画,粒子动画在html和flash方面早有应用,专门用于处理一些包含颗粒状图形的拟物动画,包括雪花啦,雨滴啦,雾气啦,烟花啦等等效果,在git...
  • zlyyt123
  • zlyyt123
  • 2016年04月22日 17:12
  • 5108

分享一个酷炫的粒子动画实现

之前在 Code4App 上看到的一个粒子动画实现,非常炫酷,下面先上图看下动画效果,接着看下怎么使用封装好的实现,最后分析下里面的核心实现方便大家做其它更拉风的动画效果。 源码地址:Code4App...
  • xxq_2011
  • xxq_2011
  • 2017年06月12日 22:03
  • 289

Unity学习笔记(4)-----粒子效果的实现

Unity学习笔记(4)—–粒子效果的实现一.效果展示下面用若干张张动图展示效果: 大概就是这样,并不是很难。 实际效果要比图中的好一点(顺畅得多)。实现步骤大致可以分为如下几个步骤,然后逐个实...
  • Guo15331092
  • Guo15331092
  • 2017年04月26日 15:44
  • 2353

Shader特效——“旋转粒子”的实现【GLSL】

效果图: GLSL代码及算法解释: // 动画相关参数 float dotSize = 0.01; float iteration = 100.; floa...
  • panda1234lee
  • panda1234lee
  • 2016年09月19日 00:13
  • 2005

Cocos2d-JS 粒子效果

“粒子系统”是模拟自然界中的一些粒子的物理运动的效果,如烟雾、下雪、下雨、火、爆炸等。单个或几个粒子无法体现出粒子运动规律性,必须有大量的粒子才体现出运行的规律。而且大量的粒子不断消失,又有大量的粒子...
  • AiCoding_D
  • AiCoding_D
  • 2016年05月04日 18:18
  • 1670
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:[Perk]如何实现粒子效果
举报原因:
原因补充:

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