梦幻星空动画

梦幻星空动画

http://code4app.com/ios/%E6%A2%A6%E5%B9%BB%E6%98%9F%E7%A9%BA%E5%8A%A8%E7%94%BB/53a52747933bf051468b5b51

效果如下图:

效果是别人做的,非本人所写,本人只是分析下实现原理而已:)

代码原理:

1. 所有的View都将backedLayer替换成了粒子Layer

 

2. 粒子随着路径运动的动画代码如下,keyPath很少见哦,粒子的位置,学习了.

 

3. 爆炸效果如何产生的?

LYFireworksView.m

 

附录:

CAEmitterCell的一些可以动画的属性:

这么多可供动画用参数,应该可以实现非常复杂的效果吧.

 

/* The name of the cell. Used to construct key paths. Defaults to nil. */

@property(copy) NSString *name;

/* Controls whether or not cells from this emitter are rendered. */

@property(getter=isEnabled) BOOL enabled;

/* The number of emitted objects created every second. Default value is
 * zero. Animatable. */

@property float birthRate;

/* The lifetime of each emitted object in seconds, specified as a mean
 * value and a range about the mean. Both values default to zero.
 * Animatable. */

@property float lifetime, lifetimeRange;

/* The orientation of the emission angle in radians, relative to the
 * natural orientation angle of the emission shape. Note that latitude
 * here is what is typically called colatitude, the zenith or phi, the
 * angle from the z-axis. Similarly longitude is the angle in the
 * xy-plane from the x-axis, often referred to as the azimuth or
 * theta. Both values default to zero, which translates to no change
 * relative to the emission shape's direction. Both values are
 * animatable. */

@property CGFloat emissionLatitude, emissionLongitude;

/* An angle (in radians) defining a cone around the emission angle.
 * Emitted objects are uniformly distributed across this cone. Defaults
 * to zero.  Animatable. */

@property CGFloat emissionRange;

/* The initial mean velocity of each emitted object, and its range. Both
 * values default to zero. Animatable. */

@property CGFloat velocity, velocityRange;

/* The acceleration vector applied to emitted objects. Defaults to
 * (0, 0, 0). Animatable. */

@property CGFloat xAcceleration, yAcceleration, zAcceleration;

/* The scale factor applied to each emitted object, defined as mean and
 * range about the mean. Scale defaults to one, range to zero.
 * Animatable. */

@property CGFloat scale, scaleRange, scaleSpeed;

/* The rotation speed applied to each emitted object, defined as mean
 * and range about the mean. Defaults to zero. Animatable. */

@property CGFloat spin, spinRange;

/* The mean color of each emitted object, and the range from that mean
 * color. `color' defaults to opaque white, `colorRange' to (0, 0, 0,
 * 0). Animatable. */

@property CGColorRef color;

@property float redRange, greenRange, blueRange, alphaRange;

/* The speed at which color components of emitted objects change over
 * their lifetime, defined as the rate of change per second. Defaults
 * to (0, 0, 0, 0). Animatable. */

@property float redSpeed, greenSpeed, blueSpeed, alphaSpeed;

/* The cell contents, typically a CGImageRef. Defaults to nil.
 * Animatable. */

@property(retain) id contents;

/* The sub-rectangle of the contents image that will be drawn. See
 * CALayer.h for more details. Defaults to the unit rectangle [0 0 1 1].
 * Animatable. */

@property CGRect contentsRect;

/* The filter parameters used when rendering the `contents' image. See
 * CALayer.h for more details. */

@property(copy) NSString *minificationFilter, *magnificationFilter;
@property float minificationFilterBias;

/* An array containing the sub-cells of this cell, or nil (the default
 * value). When non-nil each particle emitted by the cell will act as
 * an emitter for each of the cell's sub-cells. The emission point is
 * the current particle position and the emission angle is relative to
 * the current direction of the particle. Animatable. */

 

时间: 2024-11-03 16:57:05

梦幻星空动画的相关文章

PhotoShop制作飞舞的雪花Gif动画效果教程

photoshop动画制作教程,主要为大家介绍使用photoshop中的动画面板和滤镜功能制作出漫天飞雪的GIF动画. 原图 最终效果 1.首先打开一幅图,"ctrl+J"复制一个副本. 2.下面就来制作雪花效果,在菜单栏对副本层执行滤镜:像素化-点状化,如图设置参数 3.接下来,我们来调整副本的阈值,在菜单栏中执行图像:调整─阈值,调整参数,观察图像,直到点状分布均匀即可,如图 分类: PS入门教程

网页动画的十二原则

  作为前端的设计师和工程师,我们用 CSS 去做样式.定位并创建出好看的网站.我们经常用 CSS 去添加页面的运动过渡效果甚至动画,但我们经常做的东西不会超过这些. 动效是一个有助于访客和消费者理解我们设计的强有力工具.这里有些原则能最大限度地应用在我们的工作中. 迪士尼经过基础工作练习的长时间累积,在 1981 年出版的 The Illusion of Life: Disney Animation 一书中发表了动画的十二个原则 (12 Principles of Animation) .这些

Android上webview界面切换动画效果

使用Android上的webview控件时需要跳转到下一个html时,要求当前界面缓缓的向左移动,下一个html界面缓缓的从右边出现.这与常规动画不同,一般方式将无法制作出动画.主要实现方法可以先保存上一个网页的快照,与将要跳转的页面结合起来,制作相关动画. 下面是主要代码: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 4

从顶部出现窗体动画效果

问题描述 从顶部出现窗体动画效果 这个都是从底部,从顶部怎么做呀?请您这边就是说我们这边的文件信息提示,我们这边的文件,实现不了我的这个功能

wpf-WPF动画问题,如何改变它的属性

问题描述 WPF动画问题,如何改变它的属性 是这样的,苹果上升移动,如果点击中了,就掉下来,可是,发现苹果移动的过程中,它的位置没有改变,这是什么回事???Android就有属性动画,wpf有没有??? 解决方案 WPF动画之后属性值无法改变

android-Android 怎样实现MP3的那种根据音量或者频率不停跳动的动画?

问题描述 Android 怎样实现MP3的那种根据音量或者频率不停跳动的动画? 这就是一个录音功能,上面的七列小方块根据声音的音量而变化.求一个demo...我是个大二小实习生,还望众神指教! 解决方案 通过时间获取到正在播放的PCM数据,使用FFT计算后再绘图显示

时钟动画

序言 笔者对动画是很钟情的,今天我们一起来学习学习如何通过Core Animation实现钟的秒针.分针和时针无限动画移动,与苹果手机上的世界闹钟中的秒针.分针和时针类似.通过观察,笔者感觉是动画来实现的,而不是定时针. 不过,这里提供了两种方式来实现: 通过定时器实现刷新,与挂钟一样,移动没有动画效果 通过Core Animation实现,与苹果的世界时钟一样,动画均匀地移动 效果图 关于时针.分针和秒针 这里我们为了更轻量一些,直接继承于UIView,而不是UIImageView.将图片直接

实现UIView的无限旋转动画(非CALayer动画)

实现UIView的无限旋转动画(非CALayer动画) 效果: 素材: 源码: // // ViewController.m // Animation // // Created by YouXianMing on 15/2/5. // Copyright (c) 2015年 YouXianMing. All rights reserved. // #import "ViewController.h" @interface ViewController () @property (no

Photoshop设计万花筒动画教程

使用PS制作万花筒动画效果的具体步骤和方法,制作难度一般,制作出来的效果挺不错的,喜欢的朋友可以一起来学习吧. 先来看看最终的效果图吧:     photoshop教程 具体的制作步骤如下: 1.打开ps新建300*300像素的文件,文件名随便填,如图点确定. 2.把图层1填充为黑色的背景,然后新建图层2,如图. 3.选中图层2,用椭圆工具拖一个正圆的选区,填充为红色,不要取消选区. 4.用左方向键移动适当的距离,然后删除选区内的内容,如图. 分类: PS入门教程