Quick-cocos2d-x3.3 Study (四)--------- 添加标题,并上下运动

添加标题,并上下运动

 1 -- 添加一个标题的图片精灵
 2 local title = display.newSprite( "image/title.png" )
 3     :pos( display.cx, display,cy )
 4     :addTo( self )
 5
 6 -- 动作1
 7 local move1 = cc.MoveBy:create( 0.5, cc.p( 0, 10 ) )
 8 -- 动作2
 9 local move2 = cc.MoveBy:create( 0.5, cc.p( 0, -10 ) )
10 -- 序列动作
11 local sequenceAction = cc.Sequence:create( move1. move2 )
12 -- 执行动作
13 transition.execute( title, cc.RepeatForever:create( sequenceAction ) )

在这里先添加一个图片到场景中,

然后让精灵执行一系列的动作特效,

其中 transition.execute( target, action, args ) 方法用于执行一个动作效果,可以为原本单一的动作添加各种附加属性

target : 显示对象 ( cc.Node )

action : 动作对象

args   : table参数表格对象

在这里,action是创建的一系列的动作效果,

cc.MoveBy:该动作将使节点从当前坐标点匀速直线运动到相对偏移了一定向量的位置上。

      其create函数的两个参数分别表示运动到指定位置所需的时间和移动的距离(偏移量),

      所以 move1 表示在0.5秒内向Y轴的正轴上移动10个像素,move2 表示在0.5秒内向Y轴的负方向上移动10个像素。

cc.Sequence:该动作允许我们把一系列动作组合起来,并按顺序执行它们。

        在上面的例子中,我们创建了一个顺序执行 move1、move2的动作,

        这个 SequenceAction 动作会首先执行 move1,等 move1 完成后,再马上执行 move2。

        这样一来一回,执行该动作的节点最终会回到原来的位置上。

cc.RepeatForever:   该动作是一个无限重复执行的动作。

          cc.RepeatForever:create( SequenceAction )表示创建了一个无限循环执行 SequenceAction 的动作。

transition.execute()

transition.execute(target, action, args)

执行一个动作效果

 1 -- 等待 1.0 后开始移动对象
 2 -- 耗时 1.5 秒,将对象移动到屏幕中央
 3 -- 移动使用 backout 缓动效果
 4 -- 移动结束后执行函数,显示 move completed
 5 transition.execute(sprite, MoveTo:create(1.5, cc.p(display.cx, display.cy)), {
 6     delay = 1.0,
 7     easing = "backout",
 8     onComplete = function()
 9         print("move completed")
10     end,
11 })

transition.execute() 是一个强大的工具,可以为原本单一的动作添加各种附加特性。

transition.execute() 的参数表格支持下列参数:

  • delay: 等待多长时间后开始执行动作
  • easing: 缓动效果的名字及可选的附加参数,效果名字不区分大小写
  • onComplete: 动作执行完成后要调用的函数
  • time: 执行动作需要的时间

transition.execute() 支持的缓动效果:

  • backIn
  • backInOut
  • backOut
  • bounce
  • bounceIn
  • bounceInOut
  • bounceOut
  • elastic, 附加参数默认为 0.3
  • elasticIn, 附加参数默认为 0.3
  • elasticInOut, 附加参数默认为 0.3
  • elasticOut, 附加参数默认为 0.3
  • exponentialIn, 附加参数默认为 1.0
  • exponentialInOut, 附加参数默认为 1.0
  • exponentialOut, 附加参数默认为 1.0
  • In, 附加参数默认为 1.0
  • InOut, 附加参数默认为 1.0
  • Out, 附加参数默认为 1.0
  • rateaction, 附加参数默认为 1.0
  • sineIn
  • sineInOut
  • sineOut

Parameters

  • cc.Node target 显示对象
  • Action action 动作对象
  • table args 参数表格对象

Returns

  • mixed 结果
时间: 2024-10-27 13:04:41

Quick-cocos2d-x3.3 Study (四)--------- 添加标题,并上下运动的相关文章

quick cocos2d x场景切换的生命周期函数调用学习

先上一个场景的基本模版: 1 local ModelScene = class("ModelScene", function() 2 return display.newScene("ModelScene") 3 end) 4 5 function ModelScene:ctor() 6 self.sceneName = "ModelScene" 7 -- 注册点击事件监听 8 self.layer = display.newLayer() 9

quick cocos2d x 手机(Android端)启动过程学习

简要学习下quick cocos2d x 在安卓端启动的过程. 首先需要了解一点:quick cocos2d x是依托于Android的activity和GLSurfaceView(继承自SurfaceView)的环境来显示quick层的游戏界面. (1)首先quick类的android游戏从AndroidManifest.xml文件指定的activity(假设AC)启动. (2)AC继承父类的Cocos2dxActivity. (3)调用静态初始化块,加载cocos2dx的动态库.也就是一些C

quick cocos2d-x Xcode下省去clean,让修改的脚本生效

<quick cocos2d-x Xcode下省去clean,让修改的脚本生效> 项目  target     build phases    点击build phase的空白区域 选择Editor     Add Build Phase      Add Run Script Build Phase 编写脚本: 顺序调整:(第二顺位) 这样就可以避免每次修改了lua脚本,都要手动clean,然后再run,太费时间.. quick cocos2d-x Xcode下省去clean,让修改的脚本生

treeview自动从表中添加标题和列值做目录的方法2

treeview自动从表中添加标题和列值做目录的方法2,该方法是借鉴万一老师的 http://www.cnblogs.com/del/archive/2008/05/15/1114450.html 首先界面上添加treeview组件,然后在treeview的onchange事件里这样写: 因为要用到定义个过程,需要在接口声明里引用 private { Private declarations } /// <summary> /// 刷新左侧treeView /// </summary&g

ActionBarUtil:快速添加标题

ActionBarUtil用来给继承ActionBarActivity的Activity快速添加标题的工具类 工具类: public class ActionBarUtil { private static final String TAG = "ActionBarUtil"; /** * 初始化ActionBar * * @param ctx Context * @param title ActionBar标题资源ID */ public static void setup(Cont

在轮播上添加标题文字

在网站建设中,大家都需要用到轮播图来展示各种内容,当然单单图片未免显的单调,我们经常需要在轮播图上添加标题,如何做到在轮播上添加标题文字呢? 在 这里我们需要给标题部分的div进行定位,需要用到position: absolute;position 属性规定元素的定位类型.说明一下:这个属性定义建立元素布局所用的定位机制.任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本 身是什么类型.相对定位元素会相对于它在正常流中的默认位置偏移. 除了absolute这个生成绝对定位的元

caption标签,为表格添加标题和摘要

表格还是需要添加一些标签进行优化,可以添加标题和摘要.代码如下: 摘要 摘要的内容是不会在浏览器中显示出来的.它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容. 语法:<table summary="表格简介文本"> 标题 用以描述表格内容,标题的显示位置:表格上方. 语法: <table> <caption>标题文本</caption> <tr> <t

6.caption标签,为表格添加标题和摘要

caption标签,为表格添加标题和摘要 表格还是需要添加一些标签进行优化,可以添加标题和摘要.代码如下: 摘要 摘要的内容是不会在浏览器中显示出来的.它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容. 语法:<table summary="表格简介文本"> 标题 用以描述表格内容,标题的显示位置:表格上方. 语法: <table> <caption>标题文本</caption

MATLAB二维绘图(二)向图中添加标题,坐标轴,图标和文字信息

MATLAB二维绘图(二)向图中添加标题,坐标轴,图标和文字信息 1.添加标题.图例.x轴信息和y轴信息,示例: %% 添加标题 clear; clc; close all; x = 0:0.1:2*pi; y1 = sin(x); y2 = exp(-x); plot(x, y1, '--*', x, y2, ':o'); xlabel('t = 0 to 2\pi'); % 添加x轴信息 ylabel('values of sin(t) and e^{-x}') % 添加y轴信息 e^{-x