iOS动画中的物理知识应用之愤怒的小鸟-重力加速度

平抛运动

还记得初次玩愤怒的小鸟的时候，弹出小鸟那一瞬间，小鸟在空中划出的优美弧线么？还记得小鸟在地上弹起又落下的场景么？这里就介绍一下如何实现平抛运动。

1.平抛运动的物理知识

从图中我们可以看出物体在抛出之后，在X轴方向上速度不变。但是随着时间的变化Y轴方向的速度在变大（红色箭头的长度）。
由基本的物理知识我们知道：

• Vx = Vx
• Vy = Vy + at

在计算机中进行模拟的时候，我们可以认为t是一个单位时间，所以在Y轴方向上Vy = Vy + a。这里我们可以给a取一个常量，表示加速度值。现实生活中a = 9.8（或者10）。

在这个例子中：小鸟将具有水平方向的初速度，且受到向下的重力，即小鸟具有向下的加速度，若碰到地面就会进行反弹，速度反向。

2.代码实现

1.设置初始量

- (void)setUpStartValue{    //在屏幕上的初始位置    self.birdX = 0;    self.birdY = 0;    //x，y轴上的初始速度    self.birdSpeedX = 10;    self.birdSpeedY = 0;    //重力加速度    self.gBirdSpeed = 9.8;}

2.模拟重力环境的核心代码

//在x轴上速度不变，每次刷新的时候，x轴上的位置等于速度，加上前一个位置    self.birdX += self.birdSpeedX;    //在y轴上每次刷新，小鸟的速度增加一个重力加速度    self.birdSpeedY += self.gBirdSpeed;    //y轴上的位置等于y轴上增加后的速度，加上前一个位置    self.birdY += self.birdSpeedY;    //碰到x轴屏幕边缘，在x轴上的位置不在发生变化    if (self.birdX >= SCREENWIDTH - IMAGEWIDTH) {        self.birdX = SCREENWIDTH - IMAGEWIDTH;    }    //判断是否触地，如果触碰到窗口边界，Vy调整为相反方向    if(self.birdY >= SCREENHEIGHT - IMAGEHEIGHT)    {        self.birdY = SCREENHEIGHT - IMAGEHEIGHT;        self.birdSpeedY = -self.birdSpeedY;    }

3.项目的完整代码

#import "MRView.h"#define SCREENHEIGHT   [UIScreen mainScreen].bounds.size.height#define SCREENWIDTH    [UIScreen mainScreen].bounds.size.width#define IMAGEWIDTH     50#define IMAGEHEIGHT    50@interface MRView()@property (nonatomic,strong) UIImage *imageBackgound;@property (nonatomic,strong) UIImage *imageBird;@property (nonatomic,assign) CGFloat birdX;@property (nonatomic,assign) CGFloat birdY;@property (nonatomic,assign) CGFloat birdSpeedX;@property (nonatomic,assign) CGFloat birdSpeedY;@property (nonatomic,assign) CGFloat gBirdSpeed;@end@implementation MRView- (void)awakeFromNib{    self.contentMode = UIViewContentModeRedraw;    self.backgroundColor = [UIColor blackColor];    [self setUpStartValue];}- (instancetype)initWithFrame:(CGRect)frame{    if (self = [super initWithFrame:frame]) {        [self setUpStartValue];    }    return self;}- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{    [self setUpStartValue];    CADisplayLink *link = [CADisplayLink displayLinkWithTarget:self selector:@selector(setNeedsDisplay)];    [link addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSDefaultRunLoopMode];}- (void)setUpStartValue{    self.imageBackgound = [UIImage imageNamed:@"IMG_0465.jpg"];    self.imageBird = [UIImage imageNamed:@"QQ20150714-1"];    self.birdX = 0;    self.birdY = 0;    self.birdSpeedX = 10;    self.birdSpeedY = 0;    self.gBirdSpeed = 9;}- (void)drawRect:(CGRect)rect{    [self.imageBird drawInRect:CGRectMake(self.birdX, self.birdY, IMAGEWIDTH,IMAGEHEIGHT)];    //在x轴上速度不变，每次刷新的时候，x轴上的位置等于速度，加上前一个位置    self.birdX += self.birdSpeedX;    //在y轴上每次刷新，小鸟的速度增加一个重力加速度    self.birdSpeedY += self.gBirdSpeed;    //y轴上的位置等于y轴上增加后的速度，加上前一个位置    self.birdY += self.birdSpeedY;    //碰到x轴屏幕边缘，在x轴上的位置不在发生变化    if (self.birdX >= SCREENWIDTH - IMAGEWIDTH) {        self.birdX = SCREENWIDTH - IMAGEWIDTH;    }    //判断是否触地，如果触碰到窗口边界，Vy调整为相反方向    if(self.birdY >= SCREENHEIGHT - IMAGEHEIGHT)    {        self.birdY = SCREENHEIGHT - IMAGEHEIGHT;        self.birdSpeedY = -self.birdSpeedY;    }}@end

4.运行结果

5.Demo

https://github.com/Esdeath/Gravity