/**
 * This scripts tests yo yo tweening applied on Phaser text. One on fontSize and another on scale of the text element.
 * Please test this script in different browsers.
 * In OSX Chrome both texts appear to tween smoothly while the one with fontSize tweened might appear lagged in certain browsers including OSX Safari, Android Chrome.
*/

// First, we declare a global instance of Phaser class. We are explicityly specifying CANVAS this time. See Phaser.Game https://phaser.io/docs/2.4.3/Phaser.Game.html for details
var game = new Phaser.Game(800,600,Phaser.CANVAS,'phaser-example',{'create': create});

// Making A global variable to keep anyting in.
var stackBin = {};

// Here we declare a global function for the create state of Phaser instance declared right above.
function create() {
	/**
	 * Preparing all the pieces we need for testing
	 */
	stackBin.text = {
		'styles': {},
		'lines': {},
	};

	// text style to be used for the test text
	stackBin.text.styles.default = { font: "22px Arial", fill: "#ff0044", align: "center" };

	// we will have two text elements here for testing.
	stackBin.text.lines.usingFontSize = game.add.text(game.world.centerX, game.world.centerY - 100, "TEXT YOYO TWEEN WITH fontSize", stackBin.text.styles.default);
	stackBin.text.lines.usingScale = game.add.text(game.world.centerX, game.world.centerY + 100, "TEXT YOYO TWEEN WITH scale", stackBin.text.styles.default);

	// I am lazy. Using loop to set the same thing to all in the object branch of stackBin.text.lines
	for (var _key in stackBin.text.lines ) {
		stackBin.text.lines[_key].anchor.setTo(0.5, 0.5);
	};

	// now add tween to the text lines manually
	// test using font size
	game.add.tween(stackBin.text.lines.usingFontSize).to({fontSize: 28,},0, Phaser.Easing.Linear.None, true, 1000, -1, true);
	// test yo yo tweening font scale of the element
	game.add.tween(stackBin.text.lines.usingScale.scale).to({x: 1.22, y: 1.2},0, Phaser.Easing.Linear.None, true, 1000, -1, true);
};