欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

IOS動畫效果源代碼整理(粒子、雪花、火焰、河流、蒸汽)

 更新時間:2018年01月26日 08:52:09   投稿:laozhang  
本篇文章給大家整理的IOS的關于動畫的效果代碼整理,很多效果非常的好看,有興趣的學下。

學習神奇的粒子發(fā)射器,雪花紛紛落下的動畫效果,就是通過CAEmitterLayer來實現(xiàn)的,這個layer還能創(chuàng)建火焰,河流,蒸汽的動畫效果,常用于游戲開發(fā)。

Creating your emitter layer

let rect = CGRect(x: 0.0, y: -70.0, width: view.bounds.width, height: 50.0)
let emitter = CAEmitterLayer()
emitter.backgroundColor = UIColor.blueColor().CGColor
emitter.frame = rect
emitter.emitterShape = kCAEmitterLayerRectangle
view.layer.addSublayer(emitter)

代碼創(chuàng)建了CAEmitterLayer,并設置了發(fā)射源形狀emitterShape。

有幾個常用的emitterShape:

kCAEmitterLayerPoint:使所有粒子在同一點創(chuàng)建發(fā)射器的位置。這是一個很好的選擇用于火花或煙花,比如,你可以創(chuàng)建一個火花效應,通過創(chuàng)建所有的粒子在同一點上,使它們在不同的方向飛,然后消失。

kCAEmitterLayerLine:所有粒子沿發(fā)射架頂部的頂部。這是一個用于瀑布效應的發(fā)射極的形狀;水粒子出現(xiàn)在瀑布的頂部邊緣。

kCAEmitterLayerRectangle:創(chuàng)建粒子隨機通過一個給定的矩形區(qū)域。

Adding an emitter frame

前面是設置了layer Frame,下面設置layer里面的Emitter的frame

emitter.emitterPosition = CGPoint(x: rect.width * 0.5, y: rect.height * 0.5)
emitter.emitterSize = rect.size

代碼設置了Emitter中心點是layer的中心點,size和layer一樣。

[]Creating an emitter cell

現(xiàn)在,您已經(jīng)配置了發(fā)射器的位置和大小,可以繼續(xù)添加Cell。 Cell是表示一個粒子源的數(shù)據(jù)模型。是CAEmitterLayer一個單獨的類,因為一個發(fā)射器可以包含一個或多個粒子。 例如,在一個爆米花動畫,你可以有三種不同的細胞代表一個爆米花的不同狀態(tài):完全炸開,一半炸開和沒有炸開:

let emitterCell = CAEmitterCell()
emitterCell.contents = UIImage(named: "flake.png")!.CGImage
emitterCell.birthRate = 20 
emitterCell.lifetime = 3.5 
emitter.emitterCells = [emitterCell]

代碼每一秒創(chuàng)建20個cell,每個cell有3.5s的生命周期,之后一些cell就會消失

[]Controlling your particles

上面設置的cell不會動,需要給它個加速度

emitterCell.xAcceleration = 10.0
emitterCell.yAcceleration = 70.0

設置Cell在X軸,Y軸的加速度。

emitterCell.velocity = 20.0 
// x-y平面的發(fā)射方向
// -M_PI_2 垂直向上
emitterCell.emissionLongitude = CGFloat(-M_PI_2)

設置起始速度,發(fā)射的方向是通過emissionLongitude屬性定義的。

[]Adding randomness to your particles

emitterCell.velocityRange = 200.0

設置其實速度的隨機范圍,每個粒子的速度將是一個隨機值之間(20-200)= 180 ~(20 + 200)= 220。負初始速度的粒子不會向上飛,一旦出現(xiàn)在屏幕上,他們就會開始浮動。帶正速度的粒子先飛起來,然后再浮。

emitterCell.emissionRange = CGFloat(M_PI_2)

原來,你配置的所有粒子射直線上升(π/ 2角)作為他們的出現(xiàn)。上面這行代碼表示為每個粒子隨機選一個發(fā)射角度在(-π/2 + π/2)= 180度(-π/ 2 +π/2)= 0度之間。

[]Changing particle color

設置你的粒子顏色

emitterCell.color = UIColor(red: 0.9, green: 1.0, blue: 1.0, alpha: 1.0).CGColor

還可以設置粒子的顏色RGB范圍:

emitterCell.redRange = 0.1
emitterCell.greenRange = 0.1
emitterCell.blueRange = 0.1

由于RGB最大為1.0,所以red是取值0.81.0,green:0.91.0,blue:0.9~1.0

[]Randomizing particle appearance

之前的粒子都是一樣大的,這里給粒子分配一個隨機大小。

emitterCell.scale = 0.8 
emitterCell.scaleRange = 0.8

設置粒子是原來的80%大小,隨機范圍是從0.0到1.6。

emitterCell.scaleSpeed = -0.15

粒子每秒鐘按15%的體積縮小。
還可以設置透明度

emitterCell.alphaRange = 0.75 
emitterCell.alphaSpeed = -0.15

透明度 0.25~1.0,每秒透明度減少15%。

相關文章

  • iOS中奇妙的三目運算符示例詳解

    iOS中奇妙的三目運算符示例詳解

    大家都知道在oc中可以使用三目運算符來進行條件的判斷,這相對于if else 來說更加的簡潔,下面這篇文章主要給大家介紹了關于iOS中奇妙的三目運算符的相關資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下
    2018-07-07
  • iOS 解決UICollectionView 計算 Cell 大小的問題

    iOS 解決UICollectionView 計算 Cell 大小的問題

    本文主要介紹iOS UICollectionView,這里給大家一個實例代碼作為參考,并指出經(jīng)常遇到的問題和解決辦法,希望能幫助有需要的小伙伴
    2016-07-07
  • 詳解IOS開發(fā)之實現(xiàn)App消息推送(最新)

    詳解IOS開發(fā)之實現(xiàn)App消息推送(最新)

    這篇文章主要介紹了詳解IOS開發(fā)之實現(xiàn)App消息推送(最新),具有一定的參考價值,有興趣的可以了解一下。
    2016-12-12
  • ios開發(fā)一個好看的折線圖

    ios開發(fā)一個好看的折線圖

    本文文章教給大家在IOS開發(fā)中制作一個高顏值好看的折線圖,用處非常廣泛,有興趣的朋友參考下吧。
    2018-01-01
  • iOS集成微信支付開發(fā)

    iOS集成微信支付開發(fā)

    這篇文章主要為大家詳細介紹了iOS集成微信支付開發(fā),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-10-10
  • IOS 基礎之設置 tableview 的分割線

    IOS 基礎之設置 tableview 的分割線

    這篇文章主要介紹了IOS 基礎之設置 tableview 的分割線的相關資料,需要的朋友可以參考下
    2017-03-03
  • iOS底層實例解析Swift閉包及OC閉包

    iOS底層實例解析Swift閉包及OC閉包

    這篇文章主要為大家介紹了iOS底層實例解析Swift閉包及OC閉包,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-11-11
  • iOS runtime forwardInvocation詳解及整理

    iOS runtime forwardInvocation詳解及整理

    這篇文章主要介紹了 iOS runtime forwardInvocation詳解及整理的相關資料,需要的朋友可以參考下
    2017-02-02
  • IOS繪制虛線的方法總結

    IOS繪制虛線的方法總結

    這篇文章給大家分享了iOS中繪制虛線常見的幾種方式,大家可以根據(jù)自己的需求進行選擇哪種方法,下面跟著小編來一起看看吧。
    2016-09-09
  • IOS 波紋進度(waveProgress)動畫實現(xiàn)

    IOS 波紋進度(waveProgress)動畫實現(xiàn)

    這篇文章主要介紹了IOS 紋進度(waveProgress)動畫實現(xiàn)的相關資料,需要的朋友可以參考下
    2016-09-09

最新評論