ffffffasdasda

dsadad

by Majitoo

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/4.6.2/pixi.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/build/pixi-tween.min.js"></script>

JavaScript

var app = new PIXI.Application(750, 390, {
  antialias: true
});
document.body.appendChild(app.view);
var raf;

function animate() {
  raf = window.requestAnimationFrame(animate);
  app.render(app.stage);
  PIXI.tweenManager.update();
}

function stop() {
  window.cancelAnimationFrame(raf);
}


var path = new PIXI.tween.TweenPath();
path.bezierCurveTo(400,-150, 500, -300, 300, -600);
//path.closed = true;
var t = new PIXI.Graphics();
app.stage.addChild(t);
t.lineStyle(10, 0xff0000);
//t.drawPath(path);
t.drawCircle(0,600,20);
var tween = PIXI.tweenManager.createTween(t);


tween.path = path;
tween.time = 2000;
tween.loop = false;
tween.on('update', function() {
 // t.lineStyle(10, 0xff0000);
//  t.drawPath(path);
});
tween.on('end', function() {
 // t.lineStyle(10, 0xff0000);
//  t.drawPath(path);
console.log("end");
});
tween.start();


app.ticker.add(function(delta) {
  
  PIXI.tweenManager.update();
});