quick-cocos2d-x教程10:实现血条效果。

最新推荐文章于 2020-10-23 10:08:17 发布

原创

最新推荐文章于 2020-10-23 10:08:17 发布 · 2.8k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#cocos2d #lua #quick-cocos2d-x

本文档是quick-cocos2d-x教程的一部分，主要介绍如何实现血条效果。通过创建一个背景图片，血条背景图以及一个可伸缩的血条图片，动态调整血条宽度来展示角色生命值的变化。使用display.newScale9Sprite函数创建九宫格血条，通过改变其宽度来模拟血量减少的过程。要注意，确保血条图片在缩小时不会出现问题，可能需要调整原始图片的尺寸。

血条是常见功能，可以通过一个血条背景和一个不断改变的血条宽度，来实现少血。

在MainScence.lua中，先改代码：

function MainScene:ctor()
   local bg = display.newSprite("bg01.jpg")
    bg:setPosition(display.cx, display.cy)
    self:addChild(bg)
   --
   local barBg = display.newSprite("barBg.png")
    barBg:setPosition(display.cx, display.cy)
    self:addChild(barBg)
   --血条的原始尺寸，是185*100，可以定时改宽度185的值
   local barBlood = display.newScale9Sprite("barBlood.png",0,0,CCSize(185, 10))
    barBlood:setPosition(display.cx, display.cy)
    self:addChild(barBlood)
end