cocos 2dx lua 实现转盘抽奖思路和相关动作了解,cc.EaseExponentialOut

需求是做一个类似转盘的功能,详细看一下Gif,如下图:在这里插入图片描述在这里插入图片描述
黄色发光图一开始加速转动然后再缓慢停下,弹出奖励的效果,底部背景不动,只有黄色发光图在闪烁,每一个奖励的位置是可以获取的,想想怎样才能实现加速然后减速的效果。一开始是想到物理匀加速运动,给定一个固定合适的加速度,速度到达一定的数值的时候,开始做减速运动,这样也是一种方法;还有一种使用cocos 2dx已经封装好的动作cc.EaseExponentialOut,我是采用这种方式,这个方法作用是让目标动作缓慢中止,就有上诉实现的效果了,cc.EaseExponentialOut:create(动作列表)上代码:

	-----------------------运动到获得奖励item处停下,_index为获奖物品下标--------------
	self.pos_array = {}
	self.pos_array = clone(self.spaw_action_list)
	if _index then
		for i= 1,tonumber(_index) do
			local action_spawn = cc.Spawn:create(cc.DelayTime:create(0.2),cc.CallFunc:create(function ()
				if i == tonumber(_index) then
					local  action = cc.FadeIn:create(0.15)
					self.zone_list[i].img_move:setVisible(true)
					self.zone_list[i].img_move:stopAllActions()
					self.zone_list[i].img_move:runAction(action)
				else
					self.zone_list[i].img_move:setVisible(true)
					self.zone_list[i].img_move:stopAllActions()
					self.zone_list[i].img_move:runAction(self:getImgAction())
				end
			end))
			table.insert(self.pos_array,action_spawn)
		end
	end

	local time = #self.pos_array * 0.4 - 0.5 --奖励弹出的时间 根据动作数组的长度 * 每个动作的时间 也可以在动作完成后回调处弹出奖励

	---------self.spaw_action_list是动作列表 
	local repeat_action = cc.EaseExponentialOut:create(cc.Sequence:create(cc.Sequence:create(self.spaw_action_list)
	,cc.Sequence:create(self.pos_array)))
	
	local action = cc.Spawn:create(repeat_action,cc.Sequence:create(cc.DelayTime:create(time)
	,cc.CallFunc:create(function ()
		AdventureManager:getInstance():showLotterDrawReward()
		self.scale_touch_layer:setVisible(false)
		self.pos_array = {}
	end)))  

	self.node_empty:runAction(action)

具体的效果你可以改变动作数组里面的动作时间,除了这个方法还有
(CCEaseExponentialInOut,让目标动作缓慢开始和中止)
(CCEaseSineIn,动作由慢到快)
(CCEaseSineOut,动作由快到慢)
( CCEaseSineInOut,动作由慢到快再快到慢)
(CCSpeed,让目标动作运行速度加倍)
…还有的可以查看官方相关文档,灵活运用可以达到多种效果。
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值