2012年1月31日 星期二

『向下拉』提示動畫實作

在遊戲的進行中,雖然讓玩家自行摸索過關的技巧是玩遊戲的一種樂趣,但是我們又不希望玩家卡在一個關卡後,就失去了繼續玩下去的興緻了,所以在樂田麵包屋遊戲中,有很多的操作需要有提示才能讓玩家可以順利的過關。這裡示範一個向下拉動畫的實作。



要完成這樣的一個動畫,可以有2種不同的方法,你可以用setAnimation的方法,也可以用animationImages的方法,如果用setAnimation的方法只要準備2張圖片,一張是向下的箭頭,另一張是手指,然後將箭頭的圖片固定,使用setAnimation的方法讓手指的圖片移動y座標,這樣就可以產生手指向下滑動的動畫。

但是我們今天示範另一個用animationImages的作法:首先,如上圖準備5張分格的圖,分別命名為dragDown_1.png到dragDown_5.png。然後在.h宣告一個

UIImage *dragDown

接著在.m實作dragDownTip的程序


- (void)dragDownTip{
     dragDown.hidden = NO;
     dragDown.animationImages = [NSArray arrayWithObjects:
                            [UIImage imageNamed:@"dragDown_1.png"],
                            [UIImage imageNamed:@"dragDown_2.png"],
                            [UIImage imageNamed:@"dragDown_3.png"],
                            [UIImage imageNamed:@"dragDown_4.png"],
                            [UIImage imageNamed:@"dragDown_5.png"], nil];
     [dragDown setAnimationRepeatCount:3];
     dragDown.animationDuration = 1.5;
     [dragDown startAnimating];
}

當要執行動畫的時侯, 只要下指令:

[self dragDownTip];

就可以了。真是比setAnimation麻煩多了...當初我怎麼沒想到要用setAnimation的方法呢?真是不經一事,不長一智...

0 意見:

張貼留言