1. 程式人生 > >雪花飄落的動態效果

雪花飄落的動態效果

1 最近看了一些oc的核心動畫,發現了一些以前不懂的知識。突然發現一個很好玩的動畫效果,雪花飄落。

2 具體實現的程式碼:

//雪花飄落

CAEmitterLayer *flowerLayer = [CAEmitterLayerlayer];

    flowerLayer.emitterPosition = CGPointMake(100, -30);

    flowerLayer.emitterSize = CGSizeMake(self.view.bounds.size.width * 2   , 0);

    flowerLayer.emitterMode = kCAEmitterLayerOutline

;

    flowerLayer.emitterShape = kCAEmitterLayerLine;

CAEmitterCell *flowerCell = [CAEmitterCellemitterCell];

    flowerCell.contents = (__bridgeid)[UIImageimageNamed:@"3"].CGImage;

//雪花縮放比例

    flowerCell.scale = 0.02;

    flowerCell.scaleRange = 0.5;

//每秒產生的雪花數目

    flowerCell.birthRate = 12;

    flowerCell.

lifetime = 100;

//雪花變透明的速度

    flowerCell.alphaSpeed = -0.0001;

//秒速釐米~~

    flowerCell.velocity = 100;

    flowerCell.velocityRange = 60;

//雪花掉落的角落範圍

    flowerCell.emissionRange = M_PI;

//雪花旋轉的速度

    flowerCell.spin = M_PI_4;

//陰影的不透明度

    flowerLayer.shadowOpacity = 1;

//陰影化開的程度

    flowerLayer.shadowRadius = 12;

//

陰影的偏移量

    flowerLayer.shadowOffset = CGSizeMake(6, 6);

//陰影的顏色

    flowerLayer.shadowColor = [[UIColorwhiteColor] CGColor];

    flowerLayer.emitterCells = [NSArrayarrayWithObject:flowerCell];

    [self.view.layeraddSublayer:flowerLayer];


3 心得  主要是對CAEmitterLayer屬性得一些設定

相關推薦

JS實現雪花飄落特效效果

1、概述: 以任意圖片作為背景,在背景上新增雪花下落的特效效果,此處使用隨機顏色、隨機大小的彩色雪花實現。 2、效果實現功能: (1)雪花隨機出現並隨機消失; (2)雪花出現時大小隨機; (3)雪花顏色隨機; (4)雪花顏色逐漸變淡並消失; (5)雪花消失後刪除其物件

css3雪花飄落動畫效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type=

雪花飄落動態效果

1 最近看了一些oc的核心動畫,發現了一些以前不懂的知識。突然發現一個很好玩的動畫效果,雪花飄落。 2 具體實現的程式碼: //雪花飄落 CAEmitterLayer *flowerLayer = [CAEmitterLayerlayer];     flowerLay

【OpenGL】Shader實例分析(七)- 雪花飄落效果

mouse llb cto 接下來 pix lan details effect art 轉發請保持地址:http://blog.csdn.net/stalendp/article/details/40624603 研究了一個雪花飄落效果。感覺挺不錯的。分享給大家,效

雪花飄落效果+雪花紅梅 電視劇步步驚心插曲-劉詩詩

<!doctype html> <html lang="en">      <head>     <!-雪花紅梅 電視劇步步驚心插曲-劉詩詩-->      

Android自定義View——從零開始實現雪花飄落效果

前言:轉眼已是十一月下旬了,天氣慢慢轉冷,不知道北方是不是已經開始下雪了呢?本期教程我們就順應季節主題,一起來實現 雪花飄落的效果吧。本篇效果思路參考自國外大神的Android實現雪花飛舞效果,並在此基礎上實現進一步的封裝和功能擴充套件 本篇只著重於思路和

Android 雪花飄落效果

        由於專案需要實現類似於雪花飄落的效果,在Github中找到了開源專案(NineOldAndroids):https://github.com/JakeWharton/NineOldAndroids/,其中有一個效果就是類似於雪花飄落效果,在這裡我只單獨把那個效

【OpenGL】Shader例項分析(七)- 雪花飄落效果

研究了一個雪花飄落效果,感覺挺不錯的,分享給大家,效果如下: 程式碼如下: Shader "shadertoy/Flakes" { // https://www.shadertoy.com/view/4d2Xzc Properties{ iMouse ("Mo

Android實戰簡易教程-第六十九槍(自定義控制元件實現雪花飄落效果

現在APP要求越來越高了,不只是要求實現功能,顏值的要求也越來越高,下面我們通過自定義控制元件來實現雪花飄落的效果,可以作為介面背景哦。1.自定義控制元件:package com.test.a; import java.util.Random; import androi

css11動態效果

doc prop col 1.5 sca for left ... ans <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">

小圖形下落,類似雪花飄落,原生js

gin charset push resize select div ram 函數 edge <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta

利用css實現hover動態效果

idt form 想要 utf-8 屬性 doc lin linear nbsp .font em:hover { font-size: 2em } .font strong:hover { font-weight: normal } .font span:hover {

實現點贊動態效果

ret return hit ews doctype interval head obj width 點贊的動態效果,源碼如下: ============== URL.py ================ url(r‘^zan.html$‘, views.zan),

13.選擇器案例:動態效果列表

lns borde html 佳能 動態 rip 選擇 top 卡西歐 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/x

個人網站html5雪花飄落代碼JS特效下載

ret 聖誕 pri 個人網站 nts 網站 www. pos jquery庫 如何給自己的網站/頁面添加雪花代碼、特效呢?有的網站配合自己的主題模板添加雪花飄落效果挺好看的。特別是與冬天季節相關的主題,很多的博客空間都加了雪花的效果。在網上搜索了幾種雪花效果,做了簡單的修

手寫簡單的jq雪花飄落

簡化 頁面加載 tint 一個 poi 交互效果 自身 rand ID 閑來無事,準備寫個雪花飄落的效果,沒有寫太牛逼的特效,極大的簡化了代碼量,這樣容易讀取代碼,用起來也很簡單,對於那些小白簡直是福利啊,簡單易讀易學。先直接上代碼吧,然後再一一講解,直接復制粘

UWP:使用Behavior實現Button點擊動態效果

gif info 並且 特效 原因 還記得 pac 成功 col 原文:UWP:使用Behavior實現Button點擊動態效果廢話不多說,先上效果 沒有做成安卓那種圓形的原因是...人家真的不會嘛... 好了下面是正文: 首先在工程中引入Behavior的庫,我

網站導航欄如何實現動態效果

col borde () justify 疑問 jquery -s item margin 導航欄是每一個網站都要有的,那麽對於一般的導航欄制作,相信大家都會,而且也不會遇到什麽麻煩,但是如何才能讓網站導航欄實現動態效果估計這會難倒很多技術人員,那麽下面就來為大家分析解答一

css3滑鼠點擊出現波浪動態效果案例現場

css3滑鼠點擊出現波浪動態效果案例現場 話不多說先上圖: 程式碼:(有es6語法注意相容問題,推薦Chrome開啟) <html> <body> <div class="g-container"> &l

css頁面一些動態效果展示

文字跑馬燈效果: http://www.wxapp-union.com/portal.php?mod=view&aid=1038 觸控水波漣漪效果: http://www.wxapp-union.com/portal.php?mod=view&aid=1350 下拉選