cocos 扇形进度条

最新推荐文章于 2024-05-22 20:35:16 发布
最新推荐文章于 2024-05-22 20:35:16 发布
阅读量357 收藏
点赞数
文章标签： nodejs react canvas vue github
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35516360/article/details/122064764
版权
本文介绍了如何在cocos中创建扇形进度条，通过动态设置start和range来展示进度。文章提到，需要使用进度条组件，并调整中心点以避免矩形填充，同时建议UI提供圆形剪裁图。代码虽然简单，但cocos的配置过程相对复杂。
摘要由CSDN通过智能技术生成

原文链接: cocos 扇形进度条

上一篇: cocos 简单时钟

下一篇: cocos 随机变色的拖尾

效果

主要是使用进度条组件, 动态设置start和range

代码比较简单, 但是cocos的设置比较麻烦

最外层用一个mask, 将方形剪裁成圆形, 不过最好让UI出个图

up-8349733c45926134c9a9a09b05c84d7a337.png

进度条的设置, 主要设置中心点, 不然是用矩形顶点进行旋转的, 设置填充方式和开始位置, 全部长度等, 不然是矩形那种从上到下的填充

最低0.47元/天 解锁文章
阿豪boy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
cocos 2dx_Lua ProgressTimer创建扇形进度条
silent_F的博客
11-11 2960
我们在开发游戏的时候经常会用到扇形进度条。比如：技能CD 下面直接上代码吧 function skillCD() local loading = cc.Sprite:create('skill.png') -- 先创建一个精灵 local progress = cc.ProgressTimer:create(loading) progress:setMidpoint(cc.p(0.5, 0.5)) progress:setType(cc.PROGRESS_TIMER_TYPE_RA
自定义扇形、线性进度条
03-17
自定义环形进度条，中间显示文字、图片，自定义扇形图，选中进度半径和默认半径不一样
cocos creator做圆形进度条
最新发布
silent_F的博客
05-22 561
效果图：我们在开发过程中经常要用到圆形进度条，例如技能CD之前写了一篇,这里简单记录下在cocosCreator中如何制作。
Cocos Creator之进度条功能（一）
programmer_trip的博客
11-17 6914
激发我写这个博客的原因是因为当时想做一个进度条（图形不是方方正正的，两侧是圆角，通过使用ProgressBar组件，在伸缩时会发生变形，不能满足进度条功能，通过同事的指点，发现这个圆角图片实现进度条可以使用Sprite组件的Filled渲染模式，因此将这个问题总结以帮助和我一样遇到这个问题的人，或者至少我可以从这里总结经验） 使用Sprite组件实现进度条功能： Sprite组件的渲染模式有五种类...
Cocos Creater sprite进度条_物理引擎的基本使用
qq_37872192的博客
04-13 1026
Sprite进度条: 今天第一个要做的就是使用sprite组件中的Filled(填充模式)实现游戏中经常要用到的进度条(其实非常简单)，关于Sprite组件的使用在cocos官方的手册里其实已经介绍地很详细，但我们实现进度条主要就是用到sprite组件的filled模式，所以在这里我还是讲解一下功能Filled(填充模式)的使用: 在Filled模式中Fill Type中有三种:横向填充、...
cocos2dx 2.2.1 自定义进度条
12-22
cocos2dx 2.2.1 自定义进度条，具体原理可以看博客： http://write.blog.csdn.net/postlist
cocos2d实现progress(进度条效果)
02-28
如slider(滑块),button(按钮),RollNumber(数字滚动),Progress(进度条)....控件一一在我的博客里面公布，可以直接使用.源码打包下载 开发人员:Jason's.Alex QQ:531401335 csdn博客:http://blog.csdn.net/RuShrooM
IOS应用源码之Cocos2D 进度条T01.zip
06-22
本资源“IOS应用源码之Cocos2D 进度条T01.zip”提供了使用Cocos2D框架创建进度条功能的实例代码，这将有助于学习者深入理解Cocos2D在实际项目中的应用。 在iOS应用开发中，进度条通常用来显示任务的完成程度，如...
cocos2dx进度条
03-10
"cocos2dx进度条实现 addsyncimage" 提到的是一种特定的实现方式，即通过`addSyncImage`方法来创建和更新进度条。 1. **进度条组件**： - 在Cocos2d-x中，进度条可以由精灵（Sprite）或自定义的UI元素组成。基本...
cocos2d之进度条动作CCProgressAction
zhliu1991的专栏
08-25 512
1、圆形 CCProgressTo *to = CCProgressTo::create(5.0f,100); //参数1：时间，参数2：百分比  CCProgressTimer *timer = CCProgressTimer::create(CCSprite::create("CloseSelected.png"));  timer->setPosition(ccp(size.width
超简单的Cocos Creator个性化时间进度条实现，你知道吗？
voidinit的专栏
07-24 850
前言 在Cocos Creator游戏开发中，经常需要使用个性化时间进度条，下面，我们就一起来封装下自己的个性化时间进度条组件。 一、个性化时间进度条 1: 编写脚本, 来使用sprite的扇形来显示当前的进度: 属性: time_sec: 定时器的时间 clockwise: 是否为顺时针或逆时针; reverse: 是否反转 startClockAction: 开始累积时间，看时间过去的百分比,来改变精灵显示的百分比; stopClockAction: 停止计时累积; 二、计时器控制组件 1. `@.
canvas扇形进度条.html
10-23
canvas扇形进度条可拖拽 功能已经写好，可以直接上手
Cocos2d-x 3.2 之 进度条 progressTimer
继续激情，继续奋斗。
10-20 4148
Cocos2d-x 3.2 之 进度条 progressTimer
Cocos2d-x绘制实心圆和扇形
WeCapture的博客
10-10 322
要在Cocos2d-x中绘制实心圆和扇形，我们可以使用内置的绘图功能和数学库。下面是一个详细的示例，展示了如何在Cocos2d-x中实现这些功能。该方法的参数依次为圆心坐标、半径、起始角度（以弧度表示）、结束角度（以弧度表示）、线段数和颜色。该方法的参数依次为圆心坐标、半径、起始角度、结束角度、线段数和颜色。编译并运行Cocos2d-x项目，你将看到一个显示了实心圆和扇形的窗口。最后，我们将这两个绘制的图形添加到场景中，以便它们可以显示出来。首先，我们创建了一个。在上述代码中，我们使用。
cocos2dx基础篇(23)——进度条CCProgressTimer
weixin_34056162的博客
08-30 295
【唠叨】哎，周围的同学都在搞cocos2dx 3.X了，而我还在用2.2.3。没办法，网上3.X的教程毕竟很少，还是等我的同学学得差不多了，我再换成3.X跟着同学搞，哪里不会问哪里。本节主要来讲讲进度条CCProgressTimer，相信大家也不会陌生的吧。如安装软件时显示的进度、游戏中人物的HP、MP显示的百分比横条。【致谢】http://gl.pa...
CocosCreator+TS动态创建模型（扇形区域）
卡西莫多说的博客
04-16 1365
在角色脚下创建一个扇形区域。
CCProgressAction进度条动作的使用(扇形和条形)
weixin_34044273的博客
06-06 108
CCProgressAction进度条动作的使用(扇形和条形) 扇形进度条的使用：ProgressTo，ProgressFromTo，ProgressTimer 的使用 1 ///////// 扇形进度条的使用 //////////////////// 2 3 // 执行的动作，进度条的动作 4 // 参数(时间，完成度(100:...
CocosCreator的敌人视野扇形因遮掩物体任意变形的实现（画线、填充）
MLHuangGan的博客
06-05 1688
首先定义一个cocosCreator的cc.Graphics组件，作为敌人视野的渲染画线和填充组件： //画线组件 g:cc.Graphics; //敌人视野半径的角度大小 emenyAngle:number=45; //巡逻半径的大小 distance:number=450; 然后在update或者其它定时器每帧频率里边写下渲染画线的方法： update(){ if(this.gnull){ this.g=this.node.addComponent(cc.Graphics); } this.g.clea
Cocos2d-x3.0 可旋转的饼图
杜甲同学的专栏
05-15 2754
效果：
cocos数据加载进度条
06-10
在Cocos Creator中加载数据时，可以使用cc.loader组件来管理数据的加载，并使用cc.ProgressBar组件来显示加载进度条。 首先，创建一个cc.ProgressBar节点，并将其添加到场景中。在代码中，使用cc.loader.load()方法...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值