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

使用BabeLuaQuick-cocos2d-x中编辑和调试Lua 使用BabeLuaQuick-cocos2d-x中编辑和调试Lua BabeLua是一款基于VS2012/2013的Lua集成开发环境,具有Lua语法高亮,语法检查,自动补全,快速搜索,注入宿主程序内对Lua脚本进行调试,设置断点观察变量值,查看堆栈信息等功能。 如何安装 请参考《系列1—BabeLua入门》 设置Quick-cocos2d-x项目 在VS菜单上选择:【lua】【Set 阅读详情

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

在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.newScal
在Ultralytics YOLO中添加/更换模块详细指南 使用参数继承 my_module_args: &my_args [64, 3, 0.5] # 定义参数模板 backbone: - [-1, 1, MyModule, *my_args] # 引用参数。 阅读详情

相关推荐

第1课:开篇扫盲——OpenClaw是什么?能帮你解决什么问题?(入门必看)

核心目标:学会安装、卸载、管理OpenClaw技能,自定义AI代理的性格与权限,让AI贴合自己的使用习惯。核心内容技能市场详解:ClawHub市场核心技能分类(办公、学习、开发、生活),热门技能推荐(web-search、文件处理、邮件管理)[superscript:3][superscript:4]。技能安装与卸载:终端命令实操(openclaw skill install/uninstall),技能更新与版本管理[superscript:3]。

从零开始,掌握网络安全。提供全面的网络安全教程、攻防演练技巧和行业动态。 1665

Cocos2D游戏之旅(二):主角实现

Cocos2D游戏之旅(二):主角实现 对应的博客讲解地址:http://blog.csdn.net/qiulanzhu/article/details/47209823

Cocos2d-x自定义及其美化----之游戏开发《赵云要格斗》

《赵云要格斗》游戏开发系列博文对应代码与资源,不懂处看博文地址:http://blog.csdn.net/evankaka/article/details/42468047 一个很重要的东西,这里的是通过两个图片来完成,一个是前景图(红色),一个是背景图(灰色),通过改变红色图在长度显示,灰色图不变就可实现量的变化了。当然,这里为了让界面更加好看些,又为加了个框和人物的小头像。

cocos 2dx -Lua对图片进行九宫格缩放

开发语言:Lua 引擎:cocos 2d 创建并返回一个 Sprite9Scale 显示对象。 格式: sprite = display.newScale9Sprite(图像名, [x, y], [size 对象]) Sprite9Scale 就是通常所說的“九宫格”图像。一个矩形图像会被分为 9 部分,然后根据要求拉伸图像,同时保证拉伸后的图像四边不变形。 -- 创建一个 Scale9 图像,并拉伸到 400, 300 点大小 local sprite = display.newScale9Sprite

3753

cocos2dx-lua 之 ProgressTimer 形进度 简单实现

直接贴代码: local BlodProgressBar = class("BlodProgressBar", function (  ) return cc.Scene:create() end) function BlodProgressBar:create(  ) local blodProgressBar = BlodProgressBar:new() blodProg

baobeijuzi的专栏 8246

Cocos2d-x 为人物添加(进度)

首先,准备两张图片,一张是bar.png,本质上就是一个框,里面可以装;另一张是blood.png,从名字就可以看出来,是红色的。预览一下。** 要说明的是,在Cocos2dx中进度的变化是通过ProgressTimer类来实现的。 auto sprite = Sprite::create("res/game/bar.png"); //创建进度框 sprite->setPosition(Point(size.width/2,size.height-20)); //设置框的位..

翻肚鱼儿的博客 1115

cocos2d-x Scale9Sprite的使用方法 lua

这里简单记录一下Scale9sprite的使用方法,其实使用这个方法主要是用来拉伸图片,好处就是该方法拉伸的程度不会像setScale方法这样严重扭曲变形。而是将一个纹理分为九个部分,也就是九宫格,上图: 将图片为9个部分,拉伸的情况下1,3,7,9 不会拉伸,2,8部分水平方向拉伸,4,6部分竖直方向拉伸,5两个方向都会拉伸,这样纹理就不会扭曲变形。 下面,贴出代码看一下九宫格怎么使用注意

u011040361的专栏 1万+

利用scale9sprite制作动态聊天背景

先上效果图 首先创建Scale9Sprite然后设置设置一个比较重要的属性 auto pScale9bg = ui::Scale9Sprite::create(); pScale9bg->setCapInsets(Rect(10, 10, 14, 19)); 效果图如下 黄色区域就是Rect(10, 10, 14, 19)设置的区域,这样就确定了scale9sprite在缩...

weixin_30827565的博客 148

Quick-Cocos2d-x初学者游戏教程(1) ——【Quick的一些基础知识】

Quick-Cocos2d-x初学者游戏教程Quick的一些基础知识】前言Quick-Coco2d-x是什么?Quick-Coco2d-x开发工具开发工具的安装配置新建项目项目目录分析引擎目录结构分析新项目目录结构分析 前言 虽然之前已经写过了很多 Cocos2d-x 相关的教程和文档,但本次却是我第一次接触 Quick,第一次接触 Lua,所以此次的教程本人将站在一个初学者的角度(看到这里是不...

qq_40532973的博客 1498

quick-cocos2d-x(lua) 拖动精灵使其在屏幕移动的效果实现

(1)新建类TouchLayer local TouchLayer=class("TouchLayer", function()     return display.newNode() end) function TouchLayer:ctor(params) -- self._func = params.func player = params     self:init

u011269801的专栏 5388

quick cocos 下实现ClippingNode(闪光特效/滑光特效。。。)

最近很火的房卡麻将什么的就做了个闪光特效,类似于下面这张 只要使用clipping node 就能实现,网上搜了下有很多cocos2dx的版本,但是没有lua的版本,就翻译了一下 最终实现效果跟图上一样就不重新上传效果图了 game_title.png: spark.png: 附上代码: local gameTitle = displa

菜鸟的学习之路 3745

quick-cocos2dx display

local display = {} 1、sizeInPixels 4、display.contentScaleFactor 5、display.size -- winsize 6、display.width -- size.w 7、display.height -- size.h 8、d

u012085988的专栏 6724

quick framework.display

framework.display 与显示图像、场景有关的功能 display 模块封装了绝大部分与显示有关的功能,并负责根据 config.lua 中定义的分辨率设定计算屏幕的设计分辨率。 关于设计分辨率,请参考 自适应多种分辨率 。 框架初始化后,display 模块提供下列属性: display.sizeInPixels.width, displa

学习记录 1818

Cocos2dx】使用CCScale9Sprite拉伸图片

如下图,在资源的Rescources文件夹中自带一个40x40的按钮图片 如果我们在Cocos2dx设定此图片自动拉伸为填充游戏屏幕的800x600图片,如下图: 总不能在外部利用Photoshop等图形处理软件,自行把这张40x40的图片拉伸为800x600,然后根据不同的设备的分辨率,做多张图片吧? 此时可以利用Cocos2dx的CCScale9Sprite。 CCSc

编程记录,亲测有效 7524

CCScale9Sprite点九图的制作和使用

本文转载自:http://www.zaojiahua.com/ccscale9sprite.html皂荚花。 点九图也叫做九妹图,主要是用来适配的,当我们的图片在不同分辨率的手机上的时候就会被拉伸,这个时候普通的图片可能会变形,会不好看,但是点九图会很好的去适应,可以先看下效果啊。 大家看到了吗?点九图拉伸后的效果非常的好,和普通的图片主要的区别就是边角了,边角非常清晰。下面说下原理吧。

小塔博客 7167

cocos2dx学习笔记之Scale9Sprite九宫格

setScale9Enabled(true)

ellis1970的博客 3847

cocos2dx 3.x Scale9Sprite的认识

1. Scale9Sprite 认识 Scale9Sprite 是一张可拉伸的精灵

lengxue789的专栏 1万+

quick-cocos2d-x 中CCScale9Sprite的用法

quick-cocos2d-x中,当我们在拉伸图片的时候,往往使用setScale,但是这样拉伸往往使图片在边角显得有些模糊,那我们就可以使用CCScale9Sprite来进行图片的放大拉伸。 这里我找了一张示例图片a.png,是我自己随手的一张png图片。用setScale大家都会对其进行拉伸,下面我就贴出自己的CCScale9Sprite的代码: local b = display.

DerWeltraum 2269

金融监管强度数据(2009-2023年)

01、数据简介金融监管强度是指金融监管机构为维护金融市场稳定、防范系统性风险、保护投资者及消费者权益,通过制定和执行一系列规则、标准与措施,对金融机构、市场活动及金融产品进行监督、管理和干预的严格程度与力度。数据名称:省级-金融监管强度数据数据年份:2009-2023年参考文献:[1] 王博峰.金融监管对中国实体经济增长的影响研究[J].财经论丛,2021(08):47-58.[2] 唐松,伍旭川,祝佳.数字金融与企业技术创新——结构特征、机制识别与金融监管下的效应差异[J].管理世界,2020,36(05):52-66+9.02、相关数据省份 年份 金融业增加值(亿元) 金融监管等事务支出(亿元) 金融监管强度

上一篇: quick-cocos2d-x教程9:实例之加上背景图片
下一篇: quick-cocos2d-x教程11:实现http通信,并与网站php对接,可实现登录等常见功能
dahuichen
博客等级 码龄12年 31粉丝 28原创
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值