axmol/samples/TestJavascript/Resources/js/test-label.js

//
// http://www.cocos2d-iphone.org
//
// Javascript + cocos2d label tests
//

require("js/helper.js");

director = cc.Director.getInstance();
winSize = director.getWinSize();
centerPos = cc.p( winSize.width/2, winSize.height/2 );

var scenes = []
var currentScene = 0;

var nextSpriteTestAction = function () {
	currentScene = currentScene + 1;
	if( currentScene >= scenes.length )
		currentScene = 0;

	loadScene(currentScene);
};
var backSpriteTestAction = function () {
	currentScene = currentScene -1;
	if( currentScene < 0 )
		currentScene = scenes.length -1;

	loadScene(currentScene);
};
var restartSpriteTestAction = function () {
	loadScene( currentScene );
};

var loadScene = function (sceneIdx)
{
	winSize = director.getWinSize();
	centerPos = cc.p( winSize.width/2, winSize.height/2 );

	var scene = new cc.Scene();
	scene.init();
	var layer = new scenes[ sceneIdx ]();

	scene.addChild( layer );

//	scene.walkSceneGraph(0);

	director.replaceScene( scene );
//    __jsc__.garbageCollect();
}

//------------------------------------------------------------------
//
// BaseLayer
//
//------------------------------------------------------------------
var BaseLayer = function() {

	//
	// VERY IMPORTANT
	//
	// Only subclasses of a native classes MUST call __associateObjectWithNative
	// Failure to do so, it will crash.
	//
	var parent = goog.base(this);
	__associateObjWithNative( this, parent );
	this.init();

	this.title = function () {
	    return "No title";
	}

	this.subtitle = function () {
	    return "No Subtitle";
	}

}
goog.inherits(BaseLayer, cc.Layer );

//
// Instance 'base' methods
// XXX: Should be defined after "goog.inherits"
//
BaseLayer.prototype.onEnter = function() {
	var label = cc.LabelTTF.create(this.title(), "Arial", 28);
	this.addChild(label, 1);
	label.setPosition( cc.p(winSize.width / 2, winSize.height - 50));

	var strSubtitle = this.subtitle();
	if (strSubtitle != "") {
	    var l = cc.LabelTTF.create(strSubtitle, "Thonburi", 16);
	    this.addChild(l, 1);
	    l.setPosition( cc.p(winSize.width / 2, winSize.height - 80));
	}

    // Menu
    var item1 = cc.MenuItemImage.create("Images/b1.png", "Images/b2.png", this, this.backCallback);
    var item2 = cc.MenuItemImage.create("Images/r1.png", "Images/r2.png", this, this.restartCallback);
    var item3 = cc.MenuItemImage.create("Images/f1.png", "Images/f2.png", this, this.nextCallback);
    var item4 = cc.MenuItemFont.create("back", this, function() { require("js/main.js"); } );
    cc.MenuItemFont.setFontSize( 22 );

    var menu = cc.Menu.create(item1, item2, item3, item4 );

    menu.setPosition( cc.p(0,0) );
    item1.setPosition( cc.p(winSize.width / 2 - 100, 30));
    item2.setPosition( cc.p(winSize.width / 2, 30));
    item3.setPosition( cc.p(winSize.width / 2 + 100, 30));
    item4.setPosition( cc.p(winSize.width - 60, winSize.height - 30 ) );

	this.addChild(menu, 1);
}

BaseLayer.prototype.restartCallback = function (sender) {
    cc.log("restart called");
    restartSpriteTestAction();
}

BaseLayer.prototype.nextCallback = function (sender) {
    cc.log("next called");
    nextSpriteTestAction();
}

BaseLayer.prototype.backCallback = function (sender) {
    cc.log("back called");
    backSpriteTestAction();
}

//------------------------------------------------------------------
//
// Label Atlas Test
//
//------------------------------------------------------------------
var LabelAtlasTest = function(file) {

	goog.base(this);

	this.initialize = function() {

		this.label1 = cc.LabelAtlas.create("123 Test", "Fonts/tuffy_bold_italic-charmap.plist");
		this.addChild( this.label1 );
		this.label1.setPosition( cc.p(10,100) );
		this.label1.setOpacity( 200 );

		this.label2 = cc.LabelAtlas.create( "0123456789", "Fonts/tuffy_bold_italic-charmap.plist" );
		this.addChild( this.label2 );
		this.label2.setPosition( cc.p(10,200) );
		this.label2.setOpacity( 32 );

		this.scheduleUpdate();


		this.time = 0;
	}

	this.title = function () {
		return "LabelAtlas";
	}

	this.subtitle = function () {
		return "Updating label should be fast";
	}

	this.update = function( delta ) {
		this.time += delta;
		var num = this.time.toFixed(2);
		var string = '' + num + ' test'
		this.label1.setString( string );

		string = '' + Math.floor( this.time);
		this.label2.setString( string );
	}

	this.initialize();
}
goog.inherits(LabelAtlasTest, BaseLayer );

//------------------------------------------------------------------
//
// BMFontColorTest
//
//------------------------------------------------------------------
var BMFontColorTest = function(file) {

	goog.base(this);

	this.initialize = function() {

		var label = cc.LabelBMFont.create("Blue", "Fonts/bitmapFontTest5.fnt");
		this.addChild( label );
		label.setColor( cc.c3b(0,0,255) );
		label.setPosition( cc.p( winSize.width/2, 1*winSize.height/4) );
		label.setAnchorPoint( cc.p(0.5, 0.5) );

		label = cc.LabelBMFont.create("Red", "Fonts/bitmapFontTest5.fnt");
		this.addChild( label );
		label.setColor( cc.c3b(255,0,0) );
		label.setPosition( cc.p( winSize.width/2, 2*winSize.height/4) );
		label.setAnchorPoint( cc.p(0.5, 0.5) );

		label = cc.LabelBMFont.create("Red", "Fonts/bitmapFontTest5.fnt");
		this.addChild( label );
		label.setColor( cc.c3b(0,255,0) );
		label.setPosition( cc.p( winSize.width/2, 3*winSize.height/4) );
		label.setAnchorPoint( cc.p(0.5, 0.5) );
	}

	this.title = function () {
		return "LabelBMFont";
	}

	this.subtitle = function () {
		return "Testing color";
	}

	this.initialize();
}
goog.inherits(BMFontColorTest, BaseLayer );


//
// Order of tests
//
scenes.push( LabelAtlasTest );
scenes.push( BMFontColorTest );

//------------------------------------------------------------------
//
// Main entry point
//
//------------------------------------------------------------------
function run()
{
    var scene = cc.Scene.create();
    var layer = new scenes[currentScene]();
    scene.addChild( layer );

    var runningScene = director.getRunningScene();
    if( runningScene == null )
        director.runWithScene( scene );
    else
        director.replaceScene( cc.TransitionFade.create(0.5, scene ) );
}

run();