JSFiddle - React, Tailwind, and code Playground
JavaScript
var app = new PIXI.CanvasRenderer(800, 600, {backgroundColor: 0x000000});
document.body.appendChild(app.view);
var stage = new PIXI.Container();
var tf1 = new PIXI.TextStyle();
tf1.fill = 0xFF0000;
var txt1 = new PIXI.Text('0');
txt1.style = tf1;
txt1.x = 400;
txt1.y = 250;
txt1.anchor.x = 1;
stage.addChild(txt1);
var tf2 = new PIXI.TextStyle();
tf2.fill = 0x0000FF;
var txt2 = new PIXI.Text('0');
txt2.style = tf2;
txt2.x = 400;
txt2.y = 250;
stage.addChild(txt2);
function render() {
app.render(stage);
requestAnimationFrame(render);
}
render();
start();
function start() {
txt1.text += "0";
txt2.text += "0";
setTimeout(function() {
if( txt1.text.length > 10 ){
txt1.text = "0";
txt2.text = "0";
}
start();
}, 500);
}