时间:2015-08-29 来源:

【Cocos2dx】利用音量螺旋控件控制血量条 【编程语言】

其实主要是利用一个小例子来说明两个控件如何使用web切图报价,一个是CCControlPotentiometer音量螺旋控件,web切图报价另一个是如何利用CCControlSlider控件整出游戏中常见的血量条.

3、同时,psd转html如上图所示,html切图制作开始->附件->画图,html切图自己手工画3张图片,wap前端外包一张是大小为1x1的web前端制作,一张是100x100背景为纯黄色的Yellow.png,此两张图片直接利用其中的填充工具完成web切图报价,只要Ctrl+E调好尺寸即可.直接保存到这个工程的资源文件夹中.

Cocos2dx的资源文件夹在《【Cocos2dx】资源文件夹,web切图报价播放背景音乐符合w3c标准,导入外部库》(点击打开链接)已经介绍过了,符合w3c标准这里不再赘述.

二、程序编写

1、首先同样还是利用(cocos2d-x-2.2.6安装目录)\tools\project-creator下的create_project.py用python命令创建一个名为PotentiometerSlider的工程.这里在《【Cocos2dx】Windows平台下Cocos2dx 2.x的下载、安装、配置网页外包接活,打造自己的Helloworld》(点击打开链接)已经说过了,jpg或psd转html不再赘述.

一、基本准备

2、之后web前端制作,先打开(cocos2d-x-2.2.6安装目录)\samples\Cpp\TestCpp\Resources\Images中,web前端制作拷贝两张图片到PotentiometerSlider的资源文件夹Resource中承接网页制作,将作为这个音量螺旋控件的背景.

#include "HelloWorldScene.h" #include "cocos-ext.h"//使用此组件web切图报价,必须要需要的头文件 USING_NS_CC; USING_NS_CC_EXT;//使用此组件,网站div+css必须要需要的命名空间 //定义两个宏变量符合w3c标准,"r2.png",visibleSize.height/2));//此组件居中 potentiometer->addTargetWithActionForControlEvents(this, CCControlEventValueChanged);//第3个参数声明此组件被扭动时的回调函数是第2个参数所指明的函数 this->addChild(potentiometer);//将此控件添加到场景承接网页制作,"Yellow.png","1.png");//第1个参数是血条没有被占据的部分的背景图片,web切图报价第2是血条被占据的部分的背景图片符合w3c标准,visibleSize.height-visibleSize.height/6));//将此组件布置在距离上方还有窗口高度1/6的位置网页外包接活,水平居中 //设置按钮最大、最小值的基准 controlSlider->setMinimumValue(CONTROL_SLIDER_MIN); controlSlider->setMaximumValue(CONTROL_SLIDER_MAX); //------ controlSlider->setValue(CONTROL_SLIDER_MIN);//设置按钮当前值 //本来CCControlSlider是供用户调节的,wap前端外包调节按钮是1.png,但是1.png是一张1x1的近乎看不到的图片,web前端制作同时利用setTouchEnabled(false)将此按钮锁上承接网页制作,0,1);//将此控件添加到场景,web切图报价同时设置Tag为1 return true; } void HelloWorld::valueChange(CCObject* pSender,CCControlEvent event){//这个HelloWorld::命名空间不能省,符合w3c标准虽然在这个场景当中网页外包接活,但是缺少它,jpg或psd转html无法通过编译 CCControlPotentiometer *potentiometer=(CCControlPotentiometer *)pSender;//相当于this的作用web前端制作,获取音量螺旋控件CCControlPotentiometer的值承接网页制作,此值为一个0-1的数值,承接网页制作为螺旋的部分占据总部分的百分比 //controlSlider->setValue设置血条的值web切图报价,但还是可以用代码控制的 controlSlider->setValue(potentiometer->getValue()*CONTROL_SLIDER_MAX); }

如图符合w3c标准,随着音量螺旋控件的扭动,符合w3c标准血量条在变化.

1、打开工程\PotentiometerSlider\proj.win32中的HelloCpp.sln,先对Helloworld.h中的回调函数(组件事件的执行方法)的声明进行修改,wap前端外包同时注意引入相应的类与命名空间.

制作过程如下:

版权声明:本文为博主原创文章web前端制作,未经博主允许不得转载.

#include "cocos2d.h" #include "cocos-ext.h"//使用此组件,div+css制作必须要需要的头文件 USING_NS_CC_EXT;//使用此组件承接网页制作, instead of returning 'id' in cocos2d-iphone virtual bool init(); // there's no 'id' in cpp,CCControlEvent event);//声明CCControlPotentiometer音量螺旋控件被扭动之时的回调函数 // implement the "static node()" method manually CREATE_FUNC(HelloWorld); }; 2、之后是对HelloWorldScene.cpp修改符合w3c标准,其实这部分与《【Cocos2dx】使用CCControlButton创建按钮、按钮点击事件,html切图制作点击事件中的组件获取网页外包接活,setPosition的坐标问题》(点击打开链接)同样是组件操作的核心问题.这部分主要是两个组件的初始化与CCControlPotentiometer音量螺旋控件被扭动的回调函数.

点击次数:4436
作者:
web前端行业资讯
Web new NewsList
英特尔宣布与法拉利跨界合作欲将AI技术用于赛车运动 ,,2018年01月11日甲骨文服务器出漏洞:攻击者用漏洞挖矿获取加密货币 ,,2018年01月11日用深度学习设计图像视频压缩算法:更简洁、更强大 ,,2018年01月11日Ubuntu内核和NVIDIA更新:修复Meltdown和Spectre两处漏洞 ,,2018年01月11日AntDesign3.1.1发布,阿里企业级UI设计语言 ,,2018年01月11日微信「跳一跳」带火小游戏,开发者如何快速上手? ,,2018年01月11日谷歌公布最新安卓系统份额:你用上奥利奥了么? ,,2018年01月11日腾讯开发出“3D音效”算法:普通耳机实现3D实时语音效果 ,,2018年01月11日谷歌工程师点赞中国程序员实现Node.js启动超4倍提速 ,,2018年01月11日三星电子总裁兼CE部门负责人金炫奭:万物互联时代到来 ,,2018年01月11日NVIDIA和大众合作建立智能驾驶助手 ,,2018年01月11日GIMPS项目报告发现已知最大素数 ,,2018年01月11日微软与生物技术公司开展AI驱动的血液检测同时诊断数十种疾病 ,,2018年01月11日微软跨平台移动开发工具套件HockeyApp宣布免费 ,,2018年01月11日《硅谷》里神乎其神的压缩技术,AI正在一点点做出来 ,,2018年01月11日LinuxMint19代号敲定为“Tara”预计2018年5月至6月期间发布 ,,2018年01月11日Facebook发布wav2letter工具包,用于端到端自动语音识别 ,,2018年01月11日开源数据库ArangoDB正进行约1156万美元股权融资 ,,2018年01月11日IntelCPU漏洞闹大:腾讯云紧急升级 ,,2018年01月11日2018年1月全球数据库排名:Redis夺回第八 ,,2018年01月11日Lyft将联手无人驾驶公司于CES上展示无人驾驶汽车 ,,2018年01月11日京东X无人超市首家社会门店开业:刷脸进、微信自动结算 ,,2018年01月11日担心被AI取代是杞人忧天?高晓松跨年演讲说的有几分对 ,,2018年01月11日免费授权技术许可Intel宣布在未来CPU中集成雷电3 ,,2018年01月11日算法决定你在社交媒体上看到的信息 ,,2018年01月11日谷歌安全博客披露“英特尔内核漏洞”更多细节 ,,2018年01月04日Postgres10开发者新特性 ,,2017年12月28日阿里巴巴、狗尾草、苏大联合论文:基于对抗学习的众包标注用于中文命名实体识别 ,,2017年12月28日柯洁的2017:20岁,与AI斗与人类斗,其乐无穷 ,,2017年12月28日如果机器人拥有痛觉,这个世界会有哪些不一样? ,,2017年12月28日微信导航页 【架构设计】2015年01月12日zookeeper原理【编程语言】2015年05月28日iOS浅谈:深.浅拷贝与copy.strong 【移动开发】2015年08月14日hdu1073OnlineJudge一道字符串处理的水题,,wa了我一下午,,, 【编程语言】2015年03月17日python下如何让web元素的生成更简单的分析2014年01月29日从一次意外开始说java匿名内部类 【编程语言】2015年03月16日基于Access数据库的抽奖系统设计2014年01月28日OI本月刷水记录【移动开发】2015年09月05日LinuxKernel3.1.10发布 ,,2016年07月24日C#各种集合操作的性能总结2014年01月29日在ASP.NETCoreWebAPI上使用Swagger提供API文档2016年12月14日android内存溢出分析 【移动开发】2014年12月10日JavaScript序列化对象实现代码2014年01月29日经典的10个Word实用技巧2014年01月28日各种最小生成树,HDU1863HDU1301POJ1258 【编程语言】2015年02月09日段云峰:DB29对企业有3点帮助2014年01月29日如何在linux下安装应用程序qq【Web前端】2015年05月12日【JAVA编码专题】总结 【编程语言】2015年02月13日设计模式——简单工厂模式 【综合】2015年03月09日C++vector反向迭代器的使用【编程语言】2015年02月11日BZOJ2134单选错位期望DP 【移动开发】2015年01月20日SteveY对Amazon和Google平台的长篇大论 ,,2016年07月24日(收集)ListView中常用属性 【编程语言】2014年11月06日ThinkPHP导入PHPExcel 【综合】2015年08月27日理解Javascript的caller,callee,call,apply区别2014年01月29日SQLserver数据库用户映射到登陆用户 【Web前端】2014年11月26日Android游戏引擎libgdx资源加载进度百分比显示案例分析2014年01月30日axis客户端调试代码 【编程语言】2015年04月27日树状数组实现矩阵中矩形区域的修改以及求和【编程语言】2015年04月17日SharePoint开发-自定义导航菜单(二)母版页的菜单应用 【编程语言】2014年12月19日
我们保证
We guarantee
> psd效果文件手工切图,保证图片效果最好体积最小利于传输
> 100%手写的HTML(DIV+CSS)编码,绝对符合W3C标准
> 代码精简、css沉余量小、搜索引擎扫描迅速,网页打开快捷
> 应用Css Sprite能够减少HTTP请求数,提高网页性能
> 跨浏览器兼容(IE6、7、8、9,Firefox火狐,Chrome谷歌)