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

最新推荐文章于 2022-02-23 11:09:41 发布

dahuichen

最新推荐文章于 2022-02-23 11:09:41 发布

阅读量2.8k

点赞数

分类专栏： quick-cocos2d-x 文章标签： cocos2d lua quick-cocos2d-x

本文链接：https://blog.csdn.net/dahuichen/article/details/28644377

版权

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

摘要由CSDN通过智能技术生成

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

在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

bg01.jpg是背景图，上个例子已经写了
barBg.jpg血条的背景图，主要是美观好看。
barBlood是绿色的血条，注意他是九宫格的图，就是可以拉升不变形的
我们看下display.lua中的例子：
~~~ lua

-- 创建一个 Scale9 图像，并拉伸到 400, 300 点大小
local sprite = display.newScale9Sprite("Box.png