iPhone-Cocos2d Progress/Health Bar

iPhone - Cocos2d 進度 / 血量 條
Last Update: 2010/07/14 21:18

前置

環境:
XCode 3.2.2
Compile: Simulator 3.1.3-Debug
iPhone SDK 4.0
Cocos2d 0.99.4

準備工作:
外框及內部圖片

實作

新增Cocos2d專案以後
將圖片加入Resource

我們將用 CCProgressTimer 來做進度 / 血量 條
把下列程式覆寫在 init 函式裡的 if 區段

CCSprite *spriteBorder = [CCSprite spriteWithFile:@"hp_border.png"];
spriteBorder.position = ccp(150,150);
[self addChild:spriteBorder];

先放個外框

CCProgressTimer *spriteBar = [CCProgressTimer progressWithFile:@"hp_bar.png"];
spriteBar.type = kCCProgressTimerTypeHorizontalBarLR;
[spriteBorder addChild:spriteBar];
[spriteBar setAnchorPoint:ccp(0,0)];

.type 選擇水平從左到右
將 Bar 加入外框的子節點
並將它 "Anchor" 在(0, 0)的位置
這樣省了計算外框和 Bar 的關係位置

spriteBar.percentage = 80;
CCAction *action = [CCProgressTo actionWithDuration:1 percent:1];
[spriteBar runAction:action];

2 種方式變更計量
直接設定 以及 CCProgressTo (action)

---