ios实战-消除类游戏Dots

标签：

使用原生的ios UIKit实现简单的消除类游戏，还没完全完成，不大想继续做了，所以写个博客大家分享下：

先上源码：http://git.oschina.net/jonear/LianLianDots

-----------------------------------------又是凌乱的分割线-----------------------------------------------------

主要是分享下这个游戏的结构设计吧，整体还是很简单的：

Manager:

LLDGameManger: 用于管理当前游戏属性的，是否成功，是否可以连接等

LLDGameLevel:用于记录每个关卡的要求，需要达到多少分、能走几步

UI:

LLDMainViewController:选关的界面，没什么可讲的。

LLDGameViewController:游戏界面，主要包含两部分1.LLDGameView 2.LLDTopBar

LLDGameView:真正的游戏界面,里有n*n的LLDItemView组成，和手势的基本逻辑控制

LLDTopBar:顶部的navbar，用于记录分数，步数，剩余时间等

LLDItemView:每个点，有不同的颜色，点击状态等属性

-----------------------------------------又是凌乱的分割线-----------------------------------------------------

主要看看LLDGameView，其他都很简单的。

1. map，二维数组

用一个二维数组来记录地图当前的情况

_itemArray = [NSArray arrayWithObjects:[NSMutableArray array],
                      [NSMutableArray array],
                      [NSMutableArray array],
                      [NSMutableArray array],
                      [NSMutableArray array],
                      [NSMutableArray array],
                      [NSMutableArray array],
                      [NSMutableArray array],
                      [NSMutableArray array], nil];
_selectedItemArray = [[NSMutableArray alloc] init];

更新地图：

- (void)updateItems {
    int row = 0;
    for (NSMutableArray *itemArray in _itemArray) {
        for (int i=0; i<9; i++) {
            if (itemArray.count <= i) {
                int randomTop = random()%10-2;
                LLDItemView *item = [[LLDItemView alloc] initWithFrame:CGRectMake(row*_itmeWidth, -i*_itmeWidth-randomTop, _itmeWidth, _itmeWidth)];
                [item setUserInteractionEnabled:NO];
                [self addSubview:item];
                [itemArray addObject:item];
            }
        }
        [UIView animateWithDuration:0.3 animations:^{
            int i=8;
            for (LLDItemView *item in itemArray) {
                item.top = i*_itmeWidth;
                i--;
            }
        }];
        row ++;
    }
}

通过手势获得坐标，通过坐标获得点的view：

- (LLDItemView *)getItemAtPoint:(CGPoint)point {
    int row = point.x/_itmeWidth;
    if (_itemArray.count > row) {
        NSMutableArray *array = _itemArray[row];
        int index = 9-point.y/_itmeWidth;
        if (array.count > index) {
            LLDItemView *view = array[index];
            //判断点是否在圆形区域内
            UIBezierPath *path = [UIBezierPath bezierPathWithRoundedRect:view.frame cornerRadius:view.width/3];
            if ([path containsPoint:point]) {
                return view;
            }
        }
    }
    return nil;
}

通过判断是相同颜色的点画出连线：

-(void)addLineToNode:(LLDItemView *)nodeView {
    
    [nodeView showTouch];
    if(_selectedItemArray.count == 1){
        
        //path move to start point
        CGPoint startPoint = nodeView.center;
        [_polygonalLinePath moveToPoint:startPoint];
        _polygonalLineLayer.path = _polygonalLinePath.CGPath;
        _polygonalLineLayer.strokeColor = nodeView.styleColor.CGColor;
        
    }else{
        
        //path add line to point
        [_polygonalLinePath removeAllPoints];
        CGPoint startPoint = [_selectedItemArray[0] center];
        [_polygonalLinePath moveToPoint:startPoint];
        
        for (int i = 1; i < _selectedItemArray.count; ++i) {
            CGPoint middlePoint = [_selectedItemArray[i] center];
            [_polygonalLinePath addLineToPoint:middlePoint];
        }
        _polygonalLineLayer.path = _polygonalLinePath.CGPath;
        
    }
    
}

然后放手消除选中的点：

- (void)checkSelectedItem {
    if (_selectedItemArray.count >= 3) {
        LLDItemViewStyle style = LLDItemViewStyleRed;
        for (LLDItemView *view in _selectedItemArray) {
            [view removeFromSuperviewWithScore:_selectedItemArray.count*10];
            [self removeItemFromArray:view];
            style = view.style;
        }
        [[LLDGameManager defaultManager] clearDotType:style count:_selectedItemArray.count];
        if (_delegate && [_delegate respondsToSelector:@selector(didFinishStep)]) {
            [_delegate didFinishStep];
        }
    }
}

-----------------------------------------又是凌乱的分割线-----------------------------------------------------

当然还有写回退、掉落等功能也有，都比较简单，可以自己看源代码。

关卡模式、屏幕适配、关卡设置等功能都还没做，就当做是学习demo吧，有想做完的可以联系我。

当然简单的游戏可以用UIKit，稍微复杂点的尽量用游戏引擎SprikeKit、cocos2d、unity什么的。

我用sprikekit做的魔塔Demo可以推荐下：http://git.oschina.net/jonear/Tower_SpriteKit

ios实战-消除类游戏Dots

标签：

原文地址：http://my.oschina.net/iq19900204/blog/517999