Cocos2d-x 3，android设计模式pdf

最新推荐文章于 2022-11-04 15:28:26 发布
最新推荐文章于 2022-11-04 15:28:26 发布
阅读量84 收藏
点赞数
分类专栏： 程序员 文章标签： 面试 移动开发 android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_65511948/article/details/122086981
版权
这篇博客详细介绍了如何在Cocos2d-x 3.x中创建和实现各种进度条动画效果，包括条形的横向、纵向进度动画，以及围绕中点旋转的进度动画。通过示例代码展示了如何设置进度条的类型、起点、方向和动画控制器，帮助读者理解如何在移动开发中应用这些技巧。
摘要由CSDN通过智能技术生成

layer:addChild(right)

– 设置标题

Helper.subtitleLabel:setString(“ProgressTo Radial”)

return layer

end

– SpriteProgressToHorizontal 条形的横向进度动画演示

local function SpriteProgressToHorizontal()

– 创建层

local layer = cc.Layer:create()

– 初始化层

Helper.initWithLayer(layer)

– 创建进度条

local to1 = cc.ProgressTo:create(2, 100)

local to2 = cc.ProgressTo:create(2, 100)

– 创建进度条的动画渲染器

local left = cc.ProgressTimer:create(cc.Sprite:create(s_pPathSister1))

– 设置进度条类型，这里是条形进度类型

left:setType(cc.PROGRESS_TIMER_TYPE_BAR)

– 设置圆心位置为左下角

left:setMidpoint(cc.p(0, 0))

– 设置横向进度条变化率，y=0意味着没有竖向的变化

left:setBarChangeRate(cc.p(1, 0))

– 设置在x=100,y为屏幕宽度一半的位置

left:setPosition(cc.p(100, s.height / 2))

– 执行动作

left:runAction(cc.RepeatForever:create(to1))

– 添加到层中

layer:addChild(left)

– 进度条渲染器，这是右边演示的进度条

local right = cc.ProgressTimer:create(cc.Sprite:create(s_pPathSister2))

– 设置渲染类型

right:setType(cc.PROGRESS_TIMER_TYPE_BAR)

– Setup for a bar starting from the left since the midpoint is 1 for the x

– 用来设定进度条横向前进的方向从左向右或是从右向左，这里是从右往左

right:setMidpoint(cc.p(1, 0))

– Setup for a horizontal bar since the bar change rate is 0 for y meaning no vertical change

– 用来设置进度条增长按横向或是按纵向增长，这里是横向增长

right:setBarChangeRate(cc.p(1, 0))

– 设置渲染器到右边

right:setPosition(cc.p(s.width - 100, s.height / 2))

– 让它运行一个无限循环的进度动画，进度变化由控制器2来控制

right:runAction(cc.RepeatForever:create(to2))

layer:addChild(right)

– 标题

Helper.subtitleLabel:setString(“ProgressTo Horizontal”)

return layer

end

– SpriteProgressToVertical 纵向的条形进度动画演示

local function SpriteProgressToVertical()

– 创建层

local layer = cc.Layer:create()

– 初始化层

Helper.initWithLayer(layer)

– 创建两个进度动画的控制器.2秒进度值变化到100

local to1 = cc.ProgressTo:create(2, 100)

local to2 = cc.ProgressTo:create(2, 100)

– 创建进度条渲染器

local left = cc.ProgressTimer:create(cc.Sprite:create(s_pPathSister1))

– 设置渲染器进度条类型

left:setType(cc.PROGRESS_TIMER_TYPE_BAR)

– 设置进度起点在左下角

left:setMidpoint(cc.p(0,0))

– 设置进度条横向无变化，纵向变化

left:setBarChangeRate(cc.p(0, 1))

– 设置渲染器的位置

left:setPosition(cc.p(100, s.height / 2))

– 无限循环第一个动画控制器

left:runAction(cc.RepeatForever:create(to1))

– 添加渲染器到层中

layer:addChild(left)

– 创建右边的进度条渲染器

local right = cc.ProgressTimer:create(cc.Sprite:create(s_pPathSister2))

– 设置渲染类型

right:setType(cc.PROGRESS_TIMER_TYPE_BAR)

– 设置中心点在左上角

right:setMidpoint(cc.p(0, 1))

– 设置进度条纵方向变化，横方向不变化

right:setBarChangeRate(cc.p(0, 1))

– 设置显示位置

right:setPosition(cc.p(s.width - 100, s.height / 2))

– 让它运行一个无限循环的进度动画，进度变化由控制器2来控制

right:runActio

《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》

【docs.qq.com/doc/DSkNLaERkbnFoS0ZF】 完整内容开源分享

n(cc.RepeatForever:create(to2))

layer:addChild(right)

– 设置子标题

Helper.subtitleLabel:setString(“ProgressTo Vertical”)

return layer

end

– SpriteProgressToRadialMidpointChanged

– 中点可改变的绕中点旋转的进度动画

local function SpriteProgressToRadialMidpointChanged()

– 创建层

local layer = cc.Layer:create()

– 初始化层

Helper.initWithLayer(layer)

– 创建进度动画控制器，2秒完成100进度值

local action = cc.ProgressTo:create(2, 100)

– 创建一个进度动画的渲染器.使用块色图精灵来渲染

local left = cc.ProgressTimer:create(cc.Sprite:create(s_pPathBlock))

– 设置表现为绕圆心旋转的进度动画。

left:setType(cc.PROGRESS_TIMER_TYPE_RADIAL)

– 设置旋转的中心点在横向靠左1/4位置，纵向靠上3/4位置

left:setMidpoint(cc.p(0.25, 0.75))

– 设置渲染器的位置在屏幕左边

left:setPosition(cc.p(100, s.height / 2))

– 让它运行一个无限循环的进度动画，进度变化由action来控制

left:runAction(cc.RepeatForever:create(action))

layer:addChild(left)

– 创建一个进度动画的渲染器.使用块色图精灵来渲染

local right = cc.ProgressTimer:create(cc.Sprite:create(s_pPathBlock))

– 设置表现为绕圆心旋转的进度动画。

right:setType(cc.PROGRESS_TIMER_TYPE_RADIAL)

– 设置旋转的中心点在横向靠右3/4位置，纵向靠上1/4位置

right:setMidpoint(cc.p(0.75, 0.25))

–[[

Note the reverse property (default=NO) is only added to the right image. That’s how

we get a counter clockwise progress.

]]

right:setPosition(cc.p(s.width - 100, s.height / 2))

right:runAction(cc.RepeatForever:create(action))

layer:addChild(right)

– 设置子标题

Helper.subtitleLabel:setString(“Radial w/ Different Midpoints”)

return layer

end

– SpriteProgressBarVarious

–

local function SpriteProgressBarVarious()

– 创建层

local layer = cc.Layer:create()

– 初始化层

Helper.initWithLayer(layer)

– 创建进度动画控制器，2秒完成100进度值

local to = cc.ProgressTo:create(2, 100)

– 创建进度动画渲染器,使用女演员精灵来渲染

local left = cc.ProgressTimer:create(cc.Sprite:create(s_pPathSister1))

– 设置表现为条形的进度动画

left:setType(cc.PROGRESS_TIMER_TYPE_BAR)

– 设置起始位置在中间

left:setMidpoint(cc.p(0.5, 0.5))

– 设置进度条横向变化，纵向不变化

left:setBarChangeRate(cc.p(1, 0))

– 设置到屏幕左边

left:setPosition(cc.p(100, s.height / 2))

– 让它运行一个无限循环的进度动画

left:runAction(cc.RepeatForever:create(cc.ProgressTo:create(2, 100)))

layer:addChild(left)

local middle = cc.ProgressTimer:create(cc.Sprite:create(s_pPathSister2))

middle:setType(cc.PROGRESS_TIMER_TYPE_BAR)

– 设置起始位置在中间

middle:setMidpoint(cc.p(0.5, 0.5))

– 设置进度变化横纵方向都有变化

middle:setBarChangeRate(cc.p(1, 1))

– 设置精灵显示在中间

middle:setPosition(cc.p(s.width/2, s.height/2))

– 让它运行一个无限循环的进度动画

middle:runAction(cc.RepeatForever:create(cc.ProgressTo:create(2, 100)))

layer:addChild(middle)

local right = cc.ProgressTimer:create(cc.Sprite:create(s_pPathSister2))

– 设置表现为条形的进度动画

right:setType(cc.PROGRESS_TIMER_TYPE_BAR)

– 设置起始位置在中间

right:setMidpoint(cc.p(0.5, 0.5))

– 设置进度条横方向不变化，纵方向变化

right:setBarChangeRate(cc.p(0, 1))

– 设置精灵的位置在右边

right:setPosition(cc.p(s.width-100, s.height/2))

right:runAction(cc.RepeatForever:create(cc.ProgressTo:create(2, 100)))

layer:addChild(right)

– 设置子标题

Helper.subtitleLabel:setString(“ProgressTo Bar Mid”)

return layer

end

– SpriteProgressBarTintAndFade

– 进度动画之颜色，透明度的变化

local function SpriteProgressBarTintAndFade()

– 创建层

local layer = cc.Layer:create()

– 初始化层

Helper.initWithLayer(layer)

– 创建进度动画控制器，6秒完成100进度值

local to = cc.ProgressTo:create(6, 100)

– 创建一个动画序列，先是1秒内变化到红色，再经1秒变化到绿色，最后1秒变化到蓝色。

local tint = cc.Sequence:create(cc.TintTo:create(1, 255, 0, 0), cc.TintTo:create(1, 0, 255, 0), cc.TintTo:create(1, 0, 0, 255))

– 创建一个动画序列，先是1秒内透明度变化到0而消失，再经1秒变化到255显现

local fade = cc.Sequence:create(cc.FadeTo:create(1.0, 0),cc.FadeTo:create(1.0, 255))

– 创建进度动画渲染器,使用女演员精灵来渲染

local left = cc.ProgressTimer:create(cc.Sprite:create(s_pPathSister1))

– 设置表现为条形的进度动画

left:setType(cc.PROGRESS_TIMER_TYPE_BAR)

– 设置起始位置在中间

left:setMidpoint(cc.p(0.5, 0.5))

– 设置进度条横方向不变化，纵方向变化

left:setBarChangeRate(cc.p(1, 0))

– 设置在左边

left:setPosition(cc.p(100, s.height / 2))

– 执行动作，6秒完成100进度值

left:runAction(cc.RepeatForever:create(cc.ProgressTo:create(6, 100)))

– 执行动作，先是1秒内变化到红色，再经1秒变化到绿色，最后1秒变化到蓝色

left:runAction(cc.RepeatForever:create(cc.Sequence:create(cc.TintTo:create(1, 255, 0, 0), cc.TintTo:create(1, 0, 255, 0), cc.TintTo:create(1, 0, 0, 255))))

layer:addChild(left)

– 添加标签

left:addChild(cc.Label:createWithTTF(“Tint”, “fonts/Marker Felt.ttf”, 20.0))

– 创建进度动画渲染器,使用女演员精灵来渲染

local middle = cc.ProgressTimer:create(cc.Sprite:create(s_pPathSister2))

– 设置表现为条形的进度动画

middle:setType(cc.PROGRESS_TIMER_TYPE_BAR)

– 设置起始位置在中间

middle:setMidpoint(cc.p(0.5, 0.5))

– 设置进度条横方向不变化，纵方向变化

middle:setBarChangeRate(cc.p(1, 1))

– 设置显示位置到中间

middle:setPosition(cc.p(s.width / 2, s.height / 2))

– 执行动作，6秒完成100进度值

middle:runAction(cc.RepeatForever:create(cc.ProgressTo:create(6, 100)))

– 创建淡入淡出的动画

local fade2 = cc.Sequence:create(cc.FadeTo:create(1.0, 0), cc.FadeTo:create(1.0, 255))

middle:runAction(cc.RepeatForever:create(fade2))

layer:addChild(middle)

– 添加标签

middle:addChild(cc.Label:createWithTTF(“Fade”, “fonts/Marker Felt.ttf”, 20.0))

– 创建进度动画渲染器,使用女演员精灵来渲染

local right = cc.ProgressTimer:create(cc.Sprite:create(s_pPathSister2))

– 设置表现为条形的进度动画

right:setType(cc.PROGRESS_TIMER_TYPE_BAR)

– 设置起始位置在中间

right:setMidPoint(cc.p(0.5, 0.5))

– 设置进度条横方向不变化，纵方向变化

right:setBarChangeRate(cc.p(1, 1))

– 设置位置在右边

right:setPosition(cc.p(s.width - 100, s.height / 2))

–执行动作，6秒完成100进度值

right:runAction(cc.RepeatForever:create(cc.ProgressTo:create(6, 100)))

– 先是1秒内变化到红色，再经1秒变化到绿色，最后1秒变化到蓝色

right:runAction(cc.RepeatForever:create(cc.Sequence:create(cc.TintTo:create(1, 255,0,0), cc.TintTo:create(1, 0,255,0), cc.TintTo:create(1, 0,0,255))))

– 创建淡入淡出的动画

right:runAction(cc.RepeatForever:create(cc.Sequence:create(cc.FadeTo:create(1.0, 0), cc.FadeTo:create(1.0, 255))))

layer:addChild(right)

– 添加标签

right:addChild(cc.Label:createWithTTF(“Tint and Fade”, “fonts/Marker Felt.ttf”, 20.0))

– 设置子标签

Helper.subtitleLabel:setString(“ProgressTo Bar Mid”)

return layer

end

– SpriteProgressWithSpriteFrame

– 进度动画之使用序列帧中的单帧精灵来演示

local function SpriteProgressWithSpriteFrame()

– 创建层

local layer = cc.Layer:create()

– 初始化层

Helper.initWithLayer(layer)

local to = cc.ProgressTo:create(6, 100)

– 创建进度动画的控制器.6秒进度值变化到100

cc.SpriteFrameCache:getInstance():addSpriteFrames(“zwoptex/grossini.plist”)

– 创建一个进度动画渲染器，使用序列帧中的grossini_dance_01.png图像来进行动画的渲染

local left = cc.ProgressTimer:create(cc.Sprite:createWithSpriteFrameName(“grossini_dance_01.png”))

– 设置表现为条形的进度动画

left:setType(cc.PROGRESS_TIMER_TYPE_BAR)

– 设置起始位置为中点

left:setMidpoint(cc.p(0.5, 0.5))

– 设置进度条横方向变化，纵方向不变化

m0_65511948
关注
专栏目录
cocos2dx进度条
joshua
11-28 2695
1.创建： CCProgresstime::create("精灵对象"); 2.种类： cocos2dx中，有2种计时器的样式： [1].kCCProgressTimerTypeRadial:扇形进度计时器 [2].kCCProgressTimerTypeBar:条形进度计时器 3.函数： setType();                //设置进度条样式 [扇
cocos2d-x进度条的实现
尘墨
11-14 927
#include"prograssbar.h" #include "variable.h" using namespace  cocos2d; CCScene * prograssbar::scene() {     CCScene *scene = NULL;  bool bRet =false;  do  {   scene =CCScene::create();
Cocos2d-x 3.1.1 Lua示例 ActionsProgressTest（进度条）
巫山老妖
07-15 1万+
Cocos2d-x 3.1.1 Lua示例 ActionsProgressTest（进度条） 本篇博客介绍Cocos2d-x中的进度条动画,进度条涉及以下几个重要的类和方法，笔者来给大家详细讲解一下：  ProgressTo类：进度控制器，控制进度从当前进度变化到某个值。其实它就是一个动作，控制进度条变化。  它的类继承图如下：   ProgressTimer是Node的子类。 该类根据百分比来渲
cocos 进度条动画
all36426的博客
03-01 633
参考: cocos2d 3.10 Demo中的 ActionProgressTest 其进度条动画，我们主要使用的类有： ProgressTo， ProgressFromTo， ProgressTimer。如下是其类继承图： ProgressTo: 进度控制，在指定时间内达到指定百分比 ProgressFromTo: 进度控制，在指定时间内从一个百分比到另一个百分比 Pro...
cocos2dx进度条笔记
Simon的博客
07-28 1173
进度条的创建，水平方向，垂直方向，动作，进度设定： Sprite* bg = Sprite::create("bg.png"); ProgressTimer* loadProgress = ProgressTimer::create(Sprite::create("tiao.png"));//创建一个进程条; loadProgress->setAnchorPoint(Vec2(0.
我所理解的Cocos2d-x P438.pdf
06-14
在“我所理解的Cocos2d-x P438.pdf”中，作者秦春林深入剖析了Cocos2d-x的核心原理，以下是根据书中的内容整理出的一些关键知识点： 1. **渲染系统**：Cocos2d-x的渲染引擎是基于OpenGL ES的，它通过Sprite、Layer...
精通COCOS2D-X游戏开发 进阶卷-565_14177674
06-01
2. **图形渲染**：深入解析Cocos2d-x的图形渲染机制，包括2D图形绘制、纹理管理、精灵批处理、遮罩和混合模式等，帮助开发者优化游戏性能。 3. **物理引擎集成**：介绍如何集成Box2D或Chipmunk物理引擎，实现真实感...
cocos2d-x 2012-03-31开发者大会演讲稿PDF(5)-李成-人人网--基于cocos2d-x的游戏框架设计.pdf
08-28
《cocos2d-x 2012-03-31开发者大会演讲稿PDF(5)-李成-人人网--基于cocos2d-x的游戏框架设计.pdf》这份文档，由人人游戏的李成（关中刀客）撰写，主要围绕cocos2d-x游戏引擎，深入探讨了基于此引擎的游戏框架设计策略...
Cocos2d-x游戏开发之旅.pdf
04-14
4. 游戏循环和调度：Cocos2d-x遵循游戏开发中的典型模式，包括游戏循环的设计和调度器的使用。游戏循环负责游戏的更新和渲染，而调度器则用于管理各种游戏事件、动画和定时任务。 5. 资源管理：在游戏开发中，资源...
cocos2dx 3.1.1 ProgressTimer游戏进度条实例(C++)
08-29
cocos2dx 3.1.1 ProgressTimer游戏进度条实例(C++) 进度条,在游戏中是一个很常用的好东东,哈哈.该实例是cocos2dx 3.1.1 c++环境下的, 图片素材是我自己网上找的,然后再ps滴,练习而已凑合着用吧~ 代码注释还是比较详细的. 搭配博客文章链接http://blog.csdn.net/u013174689/article/details/38922835
cocos2dx 2.2.1 自定义进度条
12-22
cocos2dx 2.2.1 自定义进度条，具体原理可以看博客： http://write.blog.csdn.net/postlist
cocos2d实现progress(进度条效果)
02-28
这半年一直在用object-c开发一个ios游戏。使用cocos2d和box2d 。开发游戏变的简单多了。这游戏开发了半年多了。直到最近这个游戏停止了，因为资金问题，老大没法在发更多的工资了。哎，真的非常遗憾，我一个人完成游戏的编辑器开发，脚本开发，游戏代码开发，很不容易，因为我学object-c,coco2d才看了2个星期的书就直接开发了,以前是搞c++的吗。感觉4个人开发游戏真的很累，游戏为了脱颖出更加真实的效果还使用了物理引擎,在老大的同意的情况下，我共享cocos2d自己写的一些大家比较常用的，因为cocos2d有些控件不怎么好用或者没有,反正我觉得是这样的。如slider(滑块),button(按钮),RollNumber(数字滚动),Progress(进度条)....控件一一在我的博客里面公布，可以直接使用.源码打包下载 开发人员:Jason's.Alex QQ:531401335 csdn博客:http://blog.csdn.net/RuShrooM
cocos2d-x 实现一个进度条的功能 ProgressTimer
shenmingyi.blog.csdn.net
11-06 611
前言: 我们在玩游戏的时候会遇到加载地图资源或者切换场景都会出现滑动条 我们来写一个简单的滑动条 需要用到定时器 因为我们是模仿加载资源 在百度上找了一个滑动条的图片 效果图: //创建一个用bar2.png为底层背景的图片 auto loadingBar = ProgressTimer::create(Sprite::create("bar2.png")); loadingBar->...
Cocos2d-x的学习之旅（八）进度条
COCOS2DX-CodeMonKey
06-22 649
今天来讲一下进度条。进度条在游戏中通常以两种方式存在，我会分别介绍这两种的实现方式。 第一种：条形进度条。 第二种：扇形进度条。
cocos2dx 自定义进度条的实现！
Reno的专栏
12-22 2708
//好久没写博客，本人比较懒，而且没啥技术，所以。。。  进度条，2dx源码的ProgressTimer只有条形进度条和弧形进度条！那么请问，以下 这种图片的进度条要怎么做呢！ 然后有人会说，用弧形进度条，进度条的中心点事图片的中心点，那样你会发现在一些地方会出现斜边，并且图片长宽不等的情况下，速度不一样！ 那现在问题来了，要怎么解决呢？我们先看源码！ ProgressTimer的
Cocos2dx 3.0 过渡篇（十）资源加载进度条Loading...
热门推荐
天涯海阁
02-18 1万+
本来这篇博文是昨晚就要写的，可是因为今早要去参加考驾照相关的体检，而我最害怕的就是视力没能达到5.0，毕竟这阶段对着屏幕的时间过久。 所以呢，昨晚我几乎没碰电脑，没玩手机，早睡早起。体检顺利通过！ 首先，我要说的是：这次我要写的主题是进度条。 额，等等，先收起你手里愤怒的西瓜刀。我也才知道TestCpp也有这个例子啊。不过TestCpp里的只有label的变化，而我的多加了个进度条。
cocos2dx3.0进度条的简析
u012839224的专栏
10-18 288
转载：http://blog.csdn.net/zy19940906/article/details/43967747可以说，进度条是游戏中特别常用的一个控件，大部分游戏都会需要用到资源加载条，技能道具的cd，或者是时间条。最近特别喜欢看底层，自我感觉底层是一个让人熟悉整个框架的特别好的方式，这次就来看下进度条的底层，感受一下。class CC_DLL ProgressTimer : public
cocos2dx——多段式进度条实现思路
canjiangmengyuan的专栏
11-04 578
有时候，会有一些多段的进度条开发。功能简单，实现的办法也很多。技术难点不高，但是思路得清晰。 有些游戏开发需求，思路只要对了，方向对了，就七七八八了。毕竟涉及到技术的其实也不是那么多。
使用Cocos2d-x构建Android游戏实战
"Building.Android.Games.with.Cocos2d-x.1785283839" 《使用Cocos2d-x构建Android游戏》是Raydelto Hernandez撰写的一本面向初学者的编程书籍，旨在教授如何使用Cocos2d-x框架创建引人入胜的Android游戏。这本书...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值