采用cocos2d-x lua 制作数字滚动效果样例
require "Cocos2d"
require "Cocos2dConstants"
local testscene = class("testscene",function()
return cc.Scene:create()
end)
function testscene:create()
local scene = testscene.new()
return scene
end
--默认函数
function testscene:ctor()
--创建层-将层加入场景中
local layer = cc.Layer:create()
self:addChild(layer)
--创建节点-将节点加入层中
local node = cc.Sprite:create("res/land.png")
node:setPosition(240,160)
node:setAnchorPoint(0.5,0.5)
layer:addChild(node,2)
local size = node:getContentSize()
_beginNum = 200
--创建文本-将文本加入节点中
txt = cc.LabelTTF:create(tostring(_beginNum),"Marker Felt",24)
txt:setColor(cc.c4b(20,25,255,255))
txt:setPosition(size.width/2,size.height/2)
txt:setAnchorPoint(0.5,0.5)
node:addChild(txt)
local taction = {}
--延迟
local delay =cc.DelayTime:create(0.01)
table.insert(taction,delay)
--扩大
local scale = cc.ScaleTo:create(0.2,2)
local scale2 = cc.ScaleTo:create(0.2,1)
table.insert(taction,scale)
table.insert(taction,scale2)
-- 数值改变
_endNum =10000
math.randomseed(3000)
_dis = math.random(5000,10000)
print(_dis)
local rtime = (_endNum-_beginNum)/_dis
print(rtime)
function chagenum()
if (_beginNum < _endNum) then
_beginNum= _beginNum +_dis
txt:setString(_beginNum)
elseif (_beginNum == _endNum) then
txt:setString( _endNum)
end
end
local seq = cc.Sequence:create(delay,cc.CallFunc:create(chagenum))
--数字翻滚
local X = size.width/2
local Y = size.height/2
local UPY = 2*Y
local DownY = 0
local move1 = cc.MoveTo:create(0.05,cc.p(X,UPY))
local move2 = cc.MoveTo:create(0.05,cc.p(X,DownY))
local move3 = cc.MoveTo:create(0.05,cc.p(X,Y))
local scale1 = cc.ScaleTo:create(0.05,1,0.001)
local scale2 = cc.ScaleTo:create(0.05,1,1)
local UP = cc.Sequence:create(move1,scale1)
local Down = cc.Sequence:create(move2,scale1,scale2,move3)
local spawn = cc.Spawn:create(UP,seq,Down)
local rep = cc.Repeat:create(spawn,rtime)
--设置真值
local function setnum()
_beginNum = _endNum
txt:setString(_beginNum)
end
local call = cc.CallFunc:create(setnum)
local seq2 = cc.Sequence:create(rep,delay,call)
table.insert(taction,seq2)
table.insert(taction,scale)
table.insert(taction,scale2)
local seqaction = cc.Sequence:create(taction)
txt:runAction(seqaction)
return layer
end
return testscene
采用cocos2d-x lua 制作数字滚动效果样例的更多相关文章
- WPF数字滚动效果
和WPF数字滚动抽奖有区别,WPF数字滚动抽奖是随机的,而这里是确定的. 为了系统演示,这个效果通宵加班写了整整6个小时,中间就上了次厕所. 代码: RollingNumberItemCtrl.xam ...
- 关于Unity中UI中的RawImage节点以及制作地图滚动效果
一.贴图的Texture Type属性类型 Texture:会把贴图的大小转换为最相近的2的n次方,比如400X1369会转换为512X1024. Sprite 2D:是贴图的原始大小. 二.RawI ...
- Odometer使用JavaScript和CSS制作数字滑动效果
Odometer是一个使用JavaScript和CSS技术,制作出数字上下滑动的动画效果插件,有点类似与我们的天然气的读数的动画效果,这个插件是轻量级的,压缩版本只有3kg,使用CSS3动画技术,所以 ...
- 用 Stellar.js 制作视差滚动效果
参考 http://doc.bropaul.com/Stellar.js/docs/ https://github.com/markdalgleish/stellar.js#download http ...
- 用jQuery实现数字滚动效果
html 部分 <div class="js-box box"></div> css 部分 .statistic .box{ display: inline ...
- ajax异步请求获取数据,实现滚动数字的效果。
BackgroundPositionAnimate.js下载 需要导入的js: <script type="text/javascript" src="js/jqu ...
- Vue.js大屏数字滚动翻转效果
================================ 大屏数字滚动翻转效果来源于最近工作中element后台管理页面一张大屏的UI图,该UI图上有一个模块需要有数字往上翻动的效果,以下是最 ...
- marquee 实现首尾相连循环滚动效果
<marquee></marquee>可以实现多种滚动效果,无需js控制.使用marquee标签不仅可以滚动文字,也可以滚动图片,表格等 marquee标签不是HTML3.2 ...
- 让数字变化炫酷起来,数字滚动Text组件[Unity]
让数字滚动起来 上周我的策划又提了样需求,当玩家评分发生变动时,屏幕出现人物评分浮层UI,播放评分数字滚动动画.这类数字滚动需求非常常见,我就按一般思路,将startvalue与endvalue每隔一 ...
随机推荐
- C#窗体程序【用户控件-窗体】委托事件
这里的自定义控件是由普通控件组合而成的.希望事件响应代码推迟到使用自定义控件的窗体里写.步骤一:新建一个用户控件,放两个按钮,Tag分别是btn1,btn2.这两个按钮的共用单击事件处理代码如下: u ...
- BFC的布局规则以及触发条件
1 .BFC的含义 : Block Formatting Contexts(BFC) 块级元 ...
- Zabbix协议分析
概述 Zabbix使用一种自定义的基于TCP的协议与客户端进行通信 Zabbix <- TCP -> Zabbix agent 协议内容 <HEADER> - bytes) & ...
- 最小生成树---Prim算法和Kruskal算法
Prim算法 1.概览 普里姆算法(Prim算法),图论中的一种算法,可在加权连通图里搜索最小生成树.意即由此算法搜索到的边子集所构成的树中,不但包括了连通图里的所有顶点(英语:Vertex (gra ...
- decimal与double,float的选择与区别
decimal 类型可以精确地表示非常大或非常精确的小数.大至 1028(正或负)以及有效位数多达 28 位的数字可以作为 decimal类型存储而不失其精确性.该类型对于必须避免舍入错误的应用程序( ...
- hg0088新2网址:已经做好了封装直接拿来就能用功能齐全
很简单,InkCanvas就不用多介绍了,它是一个面板,特点是你可以在它上面涂抹,就像大街上那些妖怪那样,把化妆品往脸上乱涂,涂得人不像人,鸡不像鸡. InkToolBar呢是一个现成的工具栏,你可以 ...
- 更换域名后的数据库sql的执行命令
原来域名为trz.lqzcw.com 更改成 www.trzbearing.com UPDATE wp_options SET option_value = replace(option_value, ...
- js笔记
1.克隆对象 克隆数组: var country=['中国','美国']; var copyCountry=country.slice(0); 克隆对象: var people={sex:'man', ...
- 《锋利的jQuery(第2版)》笔记-第1章-认识jQuery
jQuery是随着Web2.0兴起的JavaScript库之一,因为其独特的优点,受到越来越多人的追捧! 1.1 JavaScript和JavaScript库 1.1.1 JavaScript简介 J ...
- CJCMS系列--持久层对MangoDB的支持
持久层添加对MangoDB数据库的支持 using System; using System.Collections.Generic; using System.Linq; using System. ...