在PIXIJS中慢慢移动一个圆圈

时间:2017-09-08 20:40:40

标签: html5-canvas pixi.js

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

1 个答案:

答案 0 :(得分:0)

只需将动画添加到渲染循环

我使用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