【问题标题】:Slowly move a circle in PIXIJS在 PIXIJS 中缓慢移动一个圆圈
【发布时间】:2017-11-21 16:30:04
【问题描述】:

我有一个带有 PIXI 的圆圈,我需要当触摸完成时,另一个对象说圆圈返回到它的原始位置,但碰巧我不知道任何函数或方法可以让运动变得明显,我只有实现的是它消失并出现在其初始位置。过渡是如何发生的?

【问题讨论】:

  • 拜托,如果你做了一些源代码的尝试,你能分享一下吗?

标签: html5-canvas pixi.js


【解决方案1】:

只需将移动添加到渲染循环中

我使用 PIXI.tickerTicker() 循环

let ticker  =  new PIXI.ticker.Ticker();

你的情况下的渲染循环应该是

function loop(){

    renderer.render(stageContainer);
    yourCircle.position.x += moveSpeed; //your question
    if(resetCirclePosition)
        yourCircle.position.x = defaultPos;

}

然后开始使用股票代码

ticker.add(loop);
ticker.start();

查看代码文档http://pixijs.download/dev/docs/PIXI.ticker.Ticker.html

【讨论】:

    猜你喜欢
    • 2022-06-29
    • 2015-12-10
    • 1970-01-01
    • 2012-10-27
    • 1970-01-01
    • 2018-01-29
    • 1970-01-01
    • 1970-01-01
    • 2019-10-17
    相关资源
    最近更新 更多