JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/4.6.0/pixi.min.js"></script>
JavaScript
//
// OPEN THE CONSOLE WITH F12 to see the update of each object
//
//======================================================================================
class Monster extends PIXI.Sprite {
constructor(params) {
super()
this.name = params.name
var _this = this
PIXI.ticker.shared.add(function(dt) {
_this.update(dt)
})
}
update(dt){
console.log('onUpdate', this.name, dt, this)
}
}
//======================================================================================
// START APP CODE
//======================================================================================
var renderer = PIXI.autoDetectRenderer(600, 600, {
backgroundColor: 0xAA7F39, antialias: true,
transparent: false, resolution: 1
});
document.body.appendChild(renderer.view);
renderer.stage = new PIXI.Container()
var monster1 = new Monster({name:'Monster1'})
renderer.stage.addChild(monster1)
var monster2 = new Monster({name:'Monster2'})
renderer.stage.addChild(monster2)