PIXI Text

showing pixi text resolution

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/3.0.11/pixi.js"></script>

CSS

margin: 0;
			padding: 0;
			background-color: #ff0000;

JavaScript

var renderer = PIXI.autoDetectRenderer(800, 800);
renderer.backgroundColor = 0xFF0000;
document.body.appendChild(renderer.view);

var stage = new PIXI.Container();
var style = {
font: 'bold 100px Arial',
fill: '#ffffff',
stroke: '#000000',
strokeThickness:4,
};
//regular at 20px
var reg1 = new PIXI.Text('aAbBxXwW',style);
stage.addChild(reg1);

var reg2 = new PIXI.Text('aAbBxXwW',{font: 'bold 100px Arial',fill: '#ffffff',stroke: '#000000',
strokeThickness:4,},2);
reg2.position.y = 120;
stage.addChild(reg2);

var reg3 = new PIXI.Text('aAbBxXwW',{font: 'bold 100px Arial',fill: '#ffffff',stroke: '#000000',
strokeThickness:4,});
reg3.resolution = 4;
reg3.position.y = 240;
stage.addChild(reg3);

animate();

function animate()
{
	requestAnimationFrame(animate);
  renderer.render(stage, false);
}