ViewDidLoad （把音樂加進去）

練習以下功能：

• 建立漸層圖層與遮照
• 播放背景音樂
• 利用 CAEmitterLayer製做食物雨動畫

素材如下：

先來把素材去背…去背的方式如下：

其中之一的過程如下“

去背後…設定好名字；來看一下去背後的KFC_Logo的背景參數：

查詢顏色的RGB:

https://yangcha.github.io/iview/iview.html

查看底色

Swift UIColor Picker

將影片加到 Xcode 專案

之前要先處理影片的方式其中之一：

更多方式如：

利用 AVPlayer 播放音樂音效

拖拉音樂進去….

比方音樂檔是 .mp3，將它拖曳到專案的 Project navigator 裡
(記得 copy items & Add to targets 要勾選)

左邊是原本“彈”出來的畫面>>>>>打勾後變成右邊的畫面＾＾＾＾＾＾＾＾＾＾＾

快速動畫：

請用Drag-in & Drag-out的方式唷

技能：

Apple Developer Documentation

這次就先加上 音樂

import UIKit
import AVFoundation
import MediaPlayer

先把Logo設定好：

let imageView = UIImageView (frame: CGRect(x: 40, y: 200, width: 600, height: 180))
imageView.image = UIImage(named: "1.KFC_Logo_backMak")
                                   //圖片的名字

接下來讓他轉換用CGAffineTransform 的功能：

圖片變形=轉換所得到的測量尺寸(x: 1.5, y: 1.5)

imageView.transform = CGAffineTransform.identity.scaledBy(x: 1.5, y: 1.5)

視覺固定外觀固定常數！

let kfcView = UIView (frame: imageView.frame)

開始在Logo上面做CAGradientLayer 製作漸層

利用 CAGradientLayer 製作漸層

漸層的顏色調整：

let gradientLayer = CAGradientLayer()
gradientLayer.frame = kfcView.frame
// 要給漸層框架後才能部署顏色
gradientLayer.colors = [UIColor(red: 196/255, green: 18/255, blue: 47/255, alpha: 1.0).cgColor, UIColor.yellow.cgColor]

再把顏色加進去…

kfcView.layer.addSublayer(gradientLayer)
kfcView.mask = imageView
// 去做遮蓋
view.addSubview(kfcView)
//幾上去遮蓋到(kfcView)
view.backgroundColor = .darkGray
//再去設定Logo上面的灰黑色

之前有手動加入音樂…,現在用程式的方式顯現：

//voice , sound
let fileURL = Bundle.main.url(forResource: "Andy_neverGiveUp",withExtension: "mp3")!
let playItem = AVPlayerItem(url: fileURL)
player.replaceCurrentItem(with: playItem)
player.play()
let volumeView = MPVolumeView(frame: CGRect(x: 10, y: 750, width: 300, height: 50))
view.addSubview(volumeView)

開始部署圖片你要掉落的景像：

//nug
let nugCell = CAEmitterCell()
nugCell.contents = UIImage(named: "2Nug_deMask")?.cgImage
nugCell.birthRate = 1.5
nugCell.lifetime = 30
nugCell.velocity = 300
nugCell.yAcceleration = 50
nugCell.scale = 0.3
nugCell.spin = 0.5
nugCell.spinRange = 3
nugCell.emissionRange = CGFloat.pi

接下來也是：

//CK
let legCell = CAEmitterCell()
legCell.contents = UIImage(named: "3.Leg_deMask")?.cgImage
legCell.birthRate = 0.5     // 產生的平率
legCell.lifetime = 30       // 生命週期
legCell.velocity = 150      // 運轉速度
legCell.yAcceleration = 40  // y方向的速度
legCell.scale = 0.2         // 縮放比例
legCell.spin = 0.7          // 自己旋轉速度
legCell.spinRange = 2       // 旋轉角度範圍
legCell.emissionRange = CGFloat.pi

再加入要發射的速度和方向：

//4s
let sCell = CAEmitterCell()
sCell.contents = UIImage(named: "4s")?.cgImage
sCell.birthRate = 0.5       // 產生（倍數）頻率，默認1.0
sCell.lifetime = 30         // 生命週期係數, 默認1.0
sCell.velocity = 300        // 基本速度係數(運轉速度), 默認1.0
sCell.yAcceleration = 50    // y方向的加速度
sCell.scale = 0.2           // 縮放比例係數, 默認1.0
sCell.spin = 0.7            // 自旋轉速度係數, 默認1.0
sCell.spinRange = 2         // 旋轉角度範圍
sCell.alphaSpeed = 2        // 透明度在生命周期内的改变速度

再加入瀑布要下去的速度和方向：

//foodfalling
let foodpool = CAEmitterLayer()
foodpool.emitterCells = [nugCell,legCell,sCell]
foodpool.emitterPosition = CGPoint(x: view.bounds.width/2, y: -50)
foodpool.emitterSize = CGSize(width: view.bounds.width, height: 0)
foodpool.emitterShape = .line
view.layer.addSublayer(foodpool)
view.backgroundColor = .clear

記得開音樂…..

參考功能：

Apple Developer Documentation

利用 CGAffineTransform 縮放，位移，旋轉和鏡像翻轉

CGAffineTransform 縮放 位移 旋轉和鏡像翻轉

關於Bundle （AVplayer()）:

利用 AVPlayer 播放音樂音效

關於音效如何變魔術:

去掉3個單字…就可以下載音樂MP3 , Mp4

GitHub - CFIWEI2020/KFC_Animation: CAEmitterLayer, 利用 AVPlayer 播放音樂音效,CGAffineTransform

參考作品：

作業#7 — viewDidLoad，array