【300行小游戏】一、推箱子
最近略闲。本来学习学习cocos2dx，u3d神马的。但是为人太懒了，于是嚼了嚼老知识。写了点所谓的游戏自娱自乐。纯OC代码，仅仅实现了游戏主要内容。每个游戏限制在300行代码内（主要是为了代码可读性，不然可以再压缩一半）。
不多说。
一、搬箱子。
开始之前，我们要确定到底要做什么？做到什么程度？
1、搬箱子必须的元素：小人，箱子，目标
2、成功条件：目标全部被箱子占领
3、失败条件：不设置
4、具体细节，地图的大小（正矩形不超过9*9），小人的移动（可以往前进方向推动箱子以及穿越目标），箱子的移动（靠边不能移动），关卡的设置（第一关一个箱子，每关递增一个）等
开始。（笔者再次声明：本人没做过游戏，这个只是写来自己玩的，如有误导，纯属坑爹）
先贴出笔者自定义的常量和枚举类型，看面看不懂的可以回过头看看
#define kCount_Grid 6 //地图大小-小于10
#define kTotalRound 6 //关卡数
#define kHero [UIColor yellowColor]
#define kBox [UIColor blackColor]
#define kDragon [UIColor redColor]
#define kNormal [UIColor brownColor]
typedef NS_ENUM(NSInteger, GridType) {
GridTypeNormal = 0,
GridTypeBox = 1,
GridTypeHero = 2,
GridTypeDragon = 3,
};
typedef NS_ENUM(NSInteger, MoveDirection) {
MoveDirectionUp = 0,
MoveDirectionDown = 1,
MoveDirectionLeft = 2,
MoveDirectionRight = 3,
};
首先，我们来绘制我们的游戏地图
-(void)initMap
{
CGRect frame = self.view.frame;
CGFloat width_Grid = frame.size.width/kCount_Grid;
vMap = [[UIView alloc]initWithFrame:CGRectMake(0, 0, frame.size.width, frame.size.width)];
[vMap setCenter:CGPointMake(frame.size.width/2, frame.size.height/2)];
[self.view addSubview:vMap];
for (int i=1; i<kCount_Grid+1; i++) {
for (int j=1; j<kCount_Grid+1; j++) {
UIButton *btn = [[UIButton alloc]initWithFrame:CGRectMake((i-1)*width_Grid, (j-1)*width_Grid, width_Grid, width_Grid)];
btn.layer.borderWidth = 1;
btn.layer.borderColor = [[UIColor lightGrayColor]CGColor];
[btn setBackgroundColor:[UIColor brownColor]];
[btn setTag:i+j*10];
[vMap addSubview:btn];
}
}
}
如果是和笔者一样的菜鸟需注意一个细节，int i和int j是从1而非0开始的。
然后初始化小人，箱子，和目标的位置（笔者YY成Hero，box，和Dragon）
-(void)initHero
{
btnHero = [self randomPoint:GridTypeHero];
[btnHero setBackgroundColor:kHero];
[btnHero setSelected:YES];
}
-(void)initBox
{
for (int i=0; i<round; i++) {
UIButton *btn = [self randomPoint:GridTypeBox];
btn = [self checkRepeat:btn gridType:GridTypeBox];
[btn setBackgroundColor:kBox];
[btn setSelected:YES];
[array_Box addObject:btn];
}
}
-(void)initDragon
{
for (int i=0; i<round; i++) {
UIButton *btn = [self randomPoint:GridTypeDragon];
btn = [self checkRepeat:btn gridType:GridTypeDragon];
[btn setBackgroundColor:kDragon];
[btn setSelected:YES];
[array_Dragon addObject:btn];
}
}
位置的初始化笔者采用的随机位置，因为懒得画地图
-(UIButton *)randomPoint:(GridType)type
{
int x = 1;
int y = 1;
if (type == GridTypeBox) {
x = arc4random()%(kCount_Grid-2);
y = arc4random()%(kCount_Grid-2);
x++;
y++;
}else{
x = arc4random()%kCount_Grid;
y = arc4random()%kCount_Grid;
}
x++;
y++;
UIButton *btn = (UIButton *)[vMap viewWithTag:(x+y*10)];
return btn;
}
当然，得查一下重。不能一开始，所有的随机都随机到一个位置上去了是吧
此外，还应考虑到箱子的位置，不能初始化就靠再墙壁上。不然很容易就死局了。
-(UIButton *)checkRepeat:(UIButton*)btn gridType:(GridType)type
{
if ([btn isSelected] == YES) {
btn = [self randomPoint:type];
return [self checkRepeat:btn gridType:type];
}else{
return btn;
}
}
为了界面的简单，我抛弃了摆方向控制键的想法，全部用手势搞定
-(void)initAction
{
UISwipeGestureRecognizer *recognizer;
recognizer = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(goRight)];
[recognizer setDirection:(UISwipeGestureRecognizerDirectionRight)];
[[self view] addGestureRecognizer:recognizer];
recognizer = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(goLeft)];
[recognizer setDirection:(UISwipeGestureRecognizerDirectionLeft)];
[[self view] addGestureRecognizer:recognizer];
recognizer = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(goUp)];
[recognizer setDirection:(UISwipeGestureRecognizerDirectionUp)];
[[self view] addGestureRecognizer:recognizer];
recognizer = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(goDown)];
[recognizer setDirection:(UISwipeGestureRecognizerDirectionDown)];
[[self view] addGestureRecognizer:recognizer];
}
这里暴露了笔者的菜鸟真相，顺便求一句，向之上的方法怎么传参啊？因为不知道如何传参，笔者多写了四个方法
-(void)goUp
{
[self moveAction:btnHero direction:MoveDirectionUp];
}
-(void)goDown
{
[self moveAction:btnHero direction:MoveDirectionDown];
}
-(void)goLeft
{
[self moveAction:btnHero direction:MoveDirectionLeft];
}
-(void)goRight
{
[self moveAction:btnHero direction:MoveDirectionRight];
}
然后再调到真正想执行的方法
-(BOOL)moveAction:(UIButton *)btn direction:(MoveDirection)direction
{
int tag = btn.tag;
int x = tag%10;
int y = tag/10;
switch (direction) {
case MoveDirectionUp:
{
if (y<2) return NO;
return [self moveItem:btn tag:(x+(y-1)*10) direction:MoveDirectionUp];
break;
}
case MoveDirectionDown:
{
if (y+1>kCount_Grid) return NO;
return [self moveItem:btn tag:(x+(y+1)*10) direction:MoveDirectionDown];
break;
}
case MoveDirectionLeft:
{
if (x<2) return NO;
return [self moveItem:btn tag:((x-1)+y*10) direction:MoveDirectionLeft];
break;
}
case MoveDirectionRight:
{
if (x+1>kCount_Grid) return NO;
return [self moveItem:btn tag:((x+1)+y*10) direction:MoveDirectionRight];
break;
}
}
return NO;
}
稍微解释一下，方格游戏的移动，其实就是坐标的+1-1，在这里笔者偷懒使用tag作为坐标，个位数表示x轴，十位数表示y轴。所以地图大小不能超过9*9
继续，具体的移动方法
-(BOOL)moveItem:(UIButton *)btn tag:(int)tag direction:(MoveDirection)direction
{
UIButton *btnTarget = (UIButton*)[vMap viewWithTag:tag];
if (btn == btnHero) { //移动英雄
if ([btnTarget isSelected] == YES) {
if ([array_Box containsObject:btnTarget]) {
if ([self moveAction:btnTarget direction:direction] == NO) {
return NO;
}
}
}
[btnHero setBackgroundColor:kNormal];
[btnHero setSelected:NO];
if ([array_Dragon containsObject:btnHero]) {
[btnHero setBackgroundColor:kDragon];
[btnHero setSelected:YES];
}
btnHero = btnTarget;
[btnHero setBackgroundColor:kHero];
[btnHero setSelected:YES];
}else{ //移动箱子
[btn setBackgroundColor:kNormal];
[btn setSelected:NO];
[array_Box removeObject:btn];
if ([array_Dragon containsObject:btn]) {
count_Cover--;
}
[btnTarget setBackgroundColor:kBox];
[btnTarget setSelected:YES];
[array_Box addObject:btnTarget];
if ([array_Dragon containsObject:btnTarget]) {
count_Cover++;
}
if (count_Cover == round) {
if (round >= kTotalRound) {
UIAlertView *alert = [[UIAlertView alloc]initWithTitle:@"通过所有关卡" message:nil delegate:self cancelButtonTitle:@"再玩一遍" otherButtonTitles:nil];
alert.tag = 100;
[alert show];
}else{
UIAlertView *alert = [[UIAlertView alloc]initWithTitle:@"过关" message:nil delegate:self cancelButtonTitle:@"进入下一关" otherButtonTitles:nil];
alert.tag = 200;
[alert show];
}
}
}
return YES;
}
一切为了简单，所以笔者有些地方就纯粹用逻辑堆出来。
于是呢、第一个小游戏基本上就竣工了……当然还存在些许BUG，比如从第四管开始，有可能会出现四个箱子随机恰好挨着组成一个大正方形，然后直接死局。不过随意吧，这只怪玩家人品不好了，不是吗？
完整代码下载：Demo
