定时器 ProgressTimer 进度条.quick-lua

---------------------------------------进度条------------------------------------------------

  --进度条背景

    local barBg = display.newSprite("#loadingScene_frame.png")

    self:addChild(barBg)

    barBg:setPosition(display.cx, display.height*0.1)

    -- 进度条
    self.bar = cc.ProgressTimer:create( display.newSprite("#loadingScene_bar.png") ) 
    -- 设置类型
    self.bar:setType( cc.PROGRESS_TIMER_TYPE_BAR )
    -- 设置起始点
    self.bar:setMidpoint(cc.p(0,0))
    -- 设置方向 (1,0) 水平 (0,1)垂直
    self.bar:setBarChangeRate(cc.p(1,0))


    self:addChild(self.bar)
    self.bar:setPosition(display.cx, display.height*0.1)

    -- 设置进度条进度

    -- self.bar:setPercentage(50)


------------------------------------------定时器----------------------------------------

local scheduler = require("framework.scheduler")

 -- 定时器(解析文件个数)
self.hander = scheduler.scheduleGlobal(function ( )
        -- 解析函数(idx)
        -- 进度条 加载进度
        local per = idx/#pathName
        self.bar:setPercentage(per*100)
        -- 小火球 位置移动
        self.fire:setPositionX(self.bar:getContentSize().width * per)

        idx = idx + 1
        if idx  > #pathName then 
            --停止定时器
            scheduler.unscheduleGlobal(self.hander)
            -- 游戏主场景
            app:enterScene("game.GameScene")
        end

end,0.1)



如果您想将 cc.ProgressTimer 圆形进度条设置为一般游戏中的 loading 转动方式,您可以使用 Cocos Creator 中自带的 cc.SpriteAtlas 和 cc.Animation 组件来实现。 具体步骤如下: 1. 创建 cc.SpriteAtlas 资源,并导入多张图片作为动画帧。 2. 在 cc.Animation 组件中创建动画,并将 cc.SpriteAtlas 中的图片添加为动画帧。 3. 在 cc.Animation 组件中设置动画属性,使其循环播放,帧率适当等。 4. 在 cc.ProgressTimer 组件中设置 spriteFrame 属性,将其设置为 cc.SpriteAtlas 中的任意一张图片。 5. 在 cc.ProgressTimer 组件中通过 setReverseDirection() 方法将进度条反向,使其从 100% 到 0% 逐渐减少。 6. 在 cc.ProgressTimer 组件中通过 setMode() 方法将进度条设置为 cc.ProgressTimer.Mode.BAR,以使其呈现出圆形进度条的效果。 7. 在 cc.ProgressTimer 组件中通过 setType() 方法将进度条设置为 cc.ProgressTimer.Type.RADIAL,以使其呈现出圆形进度条的效果。 8. 在 cc.ProgressTimer 组件中通过 setBarChangeRate() 方法设置进度条的改变率,使其只在 y 轴方向上变化,以呈现出圆形进度条的效果。 9. 在 cc.ProgressTimer 组件中使用 cc.Animation 组件中创建的动画,通过 runAction() 方法使进度条动起来,呈现出 loading 转动的效果。 以上就是将 cc.ProgressTimer 圆形进度条设置为一般游戏中的 loading 转动方式的步骤,希望对您有所帮助。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值