pixi latest version test
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/4.5.2/pixi.js"></script>
JavaScript
const app = new PIXI.Application(600, 400);
document.body.appendChild(app.view);
// add a graphics instance
var graphics = new PIXI.Graphics();
graphics.beginFill(0x00ff00);
graphics.drawCircle(20, 20, 20);
app.stage.addChild(graphics);
graphics.x = 10;
graphics.velocity = {x: 15, y: 0};
app.ticker.add(update);
function update() {
if(graphics.x <= 0 | graphics.x >= 600- graphics.width) {
graphics.velocity.x *= -1;
}
graphics.x += graphics.velocity.x;
}