Легкие приложения для iOS: Падстероиды 1

Рисунок 20

Теперь, когда у нас есть GameSurface, давайте снова запустим приложение и посмотрим, что у нас есть. У нас должен быть абсолютно черный экран, как показано на рисунке 21.

Рисунок 21

До этого момента это было наведи и щелкни это и перетащи это. Теперь начинается самое интересное. Мы можем написать код Objective-C.

Кодирование игровой поверхности

Теперь мы начинаем связываться с графикой и программированием в Objective-C. Откройте файл GameSurface.h и добавьте переменные-члены, показанные в листинге 1.

Листинг 1. GameSurface.h

#import <UIKit/UIKit.h>

@interface GameSurface : UIView {
    CGPoint shipLocation;
    double shipDirection;
}

@end

Структура CGPoint поддерживает положение космического корабля игрока. И двойное значение представляет направление движения корабля.

Теперь, чтобы нарисовать корабль, перейдите в файл GameSurface.m и внесите изменения, показанные в листинге 2.

Листинг 2. GameSurface.m

 #import "GameSurface.h"

@implementation GameSurface

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        shipLocation.x = 0;
        shipLocation.y = 0;
        shipDirection = 0;
    }
    return self;
}

- (void)drawRect:(CGRect)rect
{
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetFillColorWithColor(context, [UIColor redColor].CGColor);

    CGContextTranslateCTM( context, ( self.bounds.size.width / 2 ) + shipLocation.x, ( self.bounds.size.height / 2 ) + shipLocation.y );

    CGContextSaveGState(context);
    CGContextRotateCTM(context, shipDirection * 0.0174532925 );

    CGContextMoveToPoint(context, 0.0, -15.0);
    CGContextAddLineToPoint(context, 15.0, 30.0);
    CGContextAddLineToPoint(context, 0.0, 15.0);
    CGContextAddLineToPoint(context, -15.0, 30.0);
    CGContextAddLineToPoint(context, 0.0, -15.0);
    CGContextFillPath(context);

    CGContextRestoreGState(context);
}

- (void)dealloc
{
    [super dealloc];
}

@end

Здесь есть три метода; initWithFramedrawRectdealloc Код initWithFrame Координаты корабля все относительно центра экрана, чтобы упростить его. И корабль начинает указывать на 0 градусов.

Метод drawRect Вся работа выполняется через библиотеку Core Graphics (CG). Это начинается с получения контекста для рисунка. Затем он использует перемещения и повороты, чтобы переместить центральную точку в середину экрана и включить вращение. Затем код рисует корабль, создавая путь, используя функции move-to и line-to . Наконец, он заполняет путь красным цветом заливки, определенным в верхней части функции.

Вы можете начать видеть в этом коде природу программирования в Objective-C. Все методы имеют синтаксис Objective-C. Но все вызовы Core Graphics — это простой старомодный C. Objective-C построен на C, поэтому, если вы знаете C, все, что вам нужно выучить, — это забавные вызовы в квадратных скобках и расширения определения класса для языка, которые добавляют целевую функциональность.

Является ли Objective-C простым или интуитивно понятным, не совсем так. Но после того, как вы это освоите, вам это даже может понравиться. Кроме того, учитывая долю Apple на рынке мобильных устройств, нет смысла не изучать инструменты, какими бы странными они ни казались на первый взгляд.

Итак, как выглядит проект на данный момент? Давайте запустим это и посмотрим. Если все работает, у нас должно быть что-то вроде снимка экрана на рисунке 22.

Рисунок 22

Конечно, это еще не удивительная видеоигра. Но пошаговое руководство по переходу на видеоигру займет немного времени.

Что было так далеко, а что дальше?

То, что мы узнали до сих пор, на самом деле совсем немного. Мы узнали, как создавать приложения, как определять новые классы, как использовать Interface Builder, как выполнять кодирование Objective-C базового уровня и как рисовать графику в представлениях.

Следующая статья в этой серии Padsteroids начнет добавлять интерактивность, а также добавлять дополнительные представления для астероидов, которые будут служить целями для ваших бывших космических искателей приключений.