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