【第22期】观点:IT 行业加班,到底有没有价值?

[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-直播中粒子效果

转载注明出处: http://blog.csdn.net/qxuewei/article/details/53942647粒子效果的应用场景: 主播房间右下角粒子动画 雪花/下雨/烟花等效果 Q...

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

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

7款让人惊叹的HTML5粒子动画特效

7款让人惊叹的HTML5粒子动画特效 HTML5的很大一个优势就是可以更加便捷高效地制作网页粒子动画特效,特别是Canvas特性,可以实现在网页上绘制任何图形和动画。本文要分享7款让人惊...

纯css实现粒子效果

好久没有更新的CSS3演武场系列,半年前搁浅的一篇文章赋予新年新气象闪亮登场了,研究一下利用css(sass)实现粒子效果,主要使用box-shadow生成粒子,利用css3 animation和tr...
  • whqet
  • whqet
  • 2015-01-09 12:49
  • 7636

Unity3D学习笔记——组件之Effects(效果/特效)——Particle System(粒子系统)

Effects:效果/特效。            Particle System:粒子系统。可用于创建烟雾、气流、火焰、涟漪等效果。      在Unity3D 3.5版本之后退出了新的shu...

Lua笔记:播放粒子特效应用

--------------------------- Lua 播放粒子特效应用 --------------------- --1.播放粒子特效 -- local ps = cc.Parti...

【Android效果集】学习ExplosionField之粒子破碎效果

前段时间在某效果网站看到开源项目【ExplosionField】非常喜欢,于是自己跟着源码学习着去做了做。跟源码效果有一点区别,我都是尽力读懂源码然后用自己的理解写出来,源码有些看不懂的地方,我也就没...

使用animator实现粒子动画效果

1、前言 本文围绕着实现粒子放大效果,着重讲解android中涉及到动画缩放以及动画集的使用,并且会将讲解一些插值器相关的知识。阅读本文需要读者有一定的自定义View的基础知识,本文将不再讲...

粒子系统-烟花效果的实现

粒子系统-烟花效果的实现提到烟花,大家首先想到的都是天空上那绽放的炫美,或者手中炫目的白光,作为计算机体制内的人,以面向对象的思维来看待烟花的话,会得到什么呢?我们可以将美丽的烟花效果抽象为由一个个粒...
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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