2012-05-01 10:58:45 +08:00
|
|
|
/*
|
|
|
|
* showcasing actions
|
|
|
|
*/
|
|
|
|
|
|
|
|
/**
|
|
|
|
* simple wrappers
|
|
|
|
*/
|
|
|
|
cocos.Point.create = function (x, y) {
|
|
|
|
var pt = new cocos.Point();
|
|
|
|
pt.x = x;
|
|
|
|
pt.y = y;
|
|
|
|
return pt;
|
|
|
|
};
|
|
|
|
|
|
|
|
cocos.Size.create = function (w, h) {
|
|
|
|
var sz = new cocos.Size();
|
|
|
|
sz.width = w;
|
|
|
|
sz.height = h;
|
|
|
|
return sz;
|
|
|
|
};
|
|
|
|
|
|
|
|
cocos.Sprite.create = function (file) {
|
|
|
|
var s = new cocos.Sprite();
|
|
|
|
s.initWithFile(file);
|
|
|
|
return s;
|
|
|
|
};
|
|
|
|
|
|
|
|
var pointZero = cocos.Point.create(0, 0);
|
|
|
|
var sizeZero = cocos.Size.create(0, 0);
|
|
|
|
|
|
|
|
var director = cocos.Director.sharedDirector();
|
|
|
|
var winSize = director.winSize;
|
|
|
|
|
|
|
|
var scenes = {};
|
|
|
|
scenes.currentScene = 1;
|
|
|
|
|
2012-05-03 09:15:12 +08:00
|
|
|
//
|
|
|
|
// EaseIn / EaseOut
|
|
|
|
//
|
2012-05-01 10:58:45 +08:00
|
|
|
scenes['test_easein'] = function () {
|
|
|
|
var s1 = new cocos.Sprite.create("grossinis_sister1.png");
|
|
|
|
s1.position = cocos.Point.create(50, winSize.height * 3 / 4 );
|
|
|
|
|
|
|
|
var s2 = new cocos.Sprite.create("grossini_dance_05.png");
|
|
|
|
s2.position = cocos.Point.create(50, winSize.height * 2 / 4);
|
|
|
|
|
|
|
|
var s3 = new cocos.Sprite.create("grossinis_sister2.png");
|
|
|
|
s3.position = cocos.Point.create(50, winSize.height * 1 / 4);
|
|
|
|
|
|
|
|
var moveBy1 = new cocos.MoveBy();
|
|
|
|
var moveBy2 = new cocos.MoveBy();
|
|
|
|
var moveBy3 = new cocos.MoveBy();
|
|
|
|
|
|
|
|
moveBy1.initWithDuration(2.0, cocos.Point.create( winSize.width-100, 0));
|
|
|
|
moveBy2.initWithDuration(2.0, cocos.Point.create( winSize.width-100, 0));
|
|
|
|
moveBy3.initWithDuration(2.0, cocos.Point.create( winSize.width-100, 0));
|
|
|
|
|
2012-05-03 06:09:52 +08:00
|
|
|
var easein = cocos.EaseIn.actionWithAction(moveBy1, 0.2);
|
2012-05-03 09:15:12 +08:00
|
|
|
var easein_back = cocos.EaseIn.actionWithAction( moveBy1.reverse(), 1/0.2 );
|
|
|
|
var seq1 = cocos.Sequence.actions(easein, easein_back);
|
2012-05-03 06:09:52 +08:00
|
|
|
s1.runAction(seq1);
|
|
|
|
|
|
|
|
var seq2 = cocos.Sequence.actions(moveBy2, moveBy2.reverse());
|
|
|
|
s2.runAction(seq2);
|
|
|
|
|
|
|
|
var easeout = cocos.EaseOut.actionWithAction(moveBy3, 0.2);
|
|
|
|
var seq3 = cocos.Sequence.actions(easeout, easeout.reverse());
|
|
|
|
s3.runAction(seq3);
|
2012-05-01 10:58:45 +08:00
|
|
|
|
|
|
|
var scene = new cocos.Scene(); scene.init();
|
|
|
|
scene.addChild(s1);
|
|
|
|
scene.addChild(s2);
|
|
|
|
scene.addChild(s3);
|
|
|
|
|
|
|
|
// add the menu
|
|
|
|
var menu = createMenu("Test EaseIn / EaseOut");
|
|
|
|
scene.addChild(menu, 1);
|
|
|
|
|
|
|
|
return scene;
|
|
|
|
};
|
|
|
|
|
2012-05-03 09:15:12 +08:00
|
|
|
//
|
|
|
|
// EaseIn / EaseOut
|
|
|
|
//
|
|
|
|
scenes['test_easeinout'] = function () {
|
|
|
|
|
|
|
|
var s1 = new cocos.Sprite.create("grossinis_sister1.png");
|
|
|
|
s1.position = cocos.Point.create(50, winSize.height * 3 / 4 );
|
|
|
|
|
|
|
|
var s2 = new cocos.Sprite.create("grossini_dance_05.png");
|
|
|
|
s2.position = cocos.Point.create(50, winSize.height * 2 / 4);
|
|
|
|
|
|
|
|
var s3 = new cocos.Sprite.create("grossinis_sister2.png");
|
|
|
|
s3.position = cocos.Point.create(50, winSize.height * 1 / 4);
|
|
|
|
|
|
|
|
|
|
|
|
var move1 = cocos.MoveBy.actionWithDuration(3, cocos.Point.create(winSize.width-130,0) );
|
|
|
|
var move2 = cocos.MoveBy.actionWithDuration(3, cocos.Point.create(winSize.width-130,0) );
|
|
|
|
var move3 = cocos.MoveBy.actionWithDuration(3, cocos.Point.create(winSize.width-130,0) );
|
|
|
|
|
|
|
|
var move_ease_inout1 = cocos.EaseInOut.actionWithAction( move1, 2 );
|
|
|
|
var move_ease_inout_back1 = move_ease_inout1.reverse();
|
|
|
|
|
|
|
|
var move_ease_inout2 = cocos.EaseInOut.actionWithAction( move2, 3 );
|
|
|
|
var move_ease_inout_back2 = move_ease_inout2.reverse();
|
|
|
|
|
|
|
|
var move_ease_inout3 = cocos.EaseInOut.actionWithAction( move3, 4 );
|
|
|
|
var move_ease_inout_back3 = move_ease_inout3.reverse();
|
|
|
|
|
|
|
|
// var delay = [CCDelayTime actionWithDuration:0.25f];
|
|
|
|
|
|
|
|
var seq1 = cocos.Sequence.actions( move_ease_inout1, move_ease_inout_back1 );
|
|
|
|
var seq2 = cocos.Sequence.actions( move_ease_inout2, move_ease_inout_back2 );
|
|
|
|
var seq3 = cocos.Sequence.actions( move_ease_inout3, move_ease_inout_back3 );
|
|
|
|
|
|
|
|
s1.runAction( cocos.RepeatForever.actionWithAction( seq1 ) );
|
|
|
|
s2.runAction( cocos.RepeatForever.actionWithAction( seq2 ) );
|
|
|
|
s3.runAction( cocos.RepeatForever.actionWithAction( seq3 ) );
|
|
|
|
|
|
|
|
var scene = new cocos.Scene(); scene.init();
|
|
|
|
scene.addChild(s1);
|
|
|
|
scene.addChild(s2);
|
|
|
|
scene.addChild(s3);
|
|
|
|
|
|
|
|
// add the menu
|
|
|
|
var menu = createMenu("Test EaseInOut and reverse");
|
|
|
|
scene.addChild(menu, 1);
|
|
|
|
|
|
|
|
return scene;
|
|
|
|
};
|
|
|
|
|
|
|
|
//
|
|
|
|
// Ease Bounce
|
|
|
|
//
|
|
|
|
scenes['test_bouncein'] = function () {
|
|
|
|
|
|
|
|
var s1 = new cocos.Sprite.create("grossinis_sister1.png");
|
|
|
|
s1.position = cocos.Point.create(50, winSize.height * 3 / 4 );
|
|
|
|
|
|
|
|
var s2 = new cocos.Sprite.create("grossini_dance_05.png");
|
|
|
|
s2.position = cocos.Point.create(50, winSize.height * 2 / 4);
|
|
|
|
|
|
|
|
var s3 = new cocos.Sprite.create("grossinis_sister2.png");
|
|
|
|
s3.position = cocos.Point.create(50, winSize.height * 1 / 4);
|
|
|
|
|
|
|
|
|
|
|
|
var move1 = cocos.MoveBy.actionWithDuration(3, cocos.Point.create(winSize.width-130,0) );
|
|
|
|
var move2 = cocos.MoveBy.actionWithDuration(3, cocos.Point.create(winSize.width-130,0) );
|
|
|
|
var move3 = cocos.MoveBy.actionWithDuration(3, cocos.Point.create(winSize.width-130,0) );
|
|
|
|
|
|
|
|
var move1_back = move1.reverse();
|
|
|
|
|
|
|
|
|
|
|
|
var move_ease_in = cocos.EaseBounceIn.actionWithAction( move1 );
|
|
|
|
var move_ease_in_back = move_ease_in.reverse();
|
|
|
|
|
|
|
|
var move_ease_out = cocos.EaseBounceOut.actionWithAction( move2 );
|
|
|
|
var move_ease_out_back = move_ease_out.reverse();
|
|
|
|
|
|
|
|
var seq1 = cocos.Sequence.actions( move, move_back );
|
|
|
|
var seq2 = cocos.Sequence.actions( move_ease_in, move_ease_in_back );
|
|
|
|
var seq3 = cocos.Sequence.actions( move_ease_out, move_ease_out_back );
|
|
|
|
|
|
|
|
s1.runAction( cocos.RepeatForever.actionWithAction( seq1 ) );
|
|
|
|
s2.runAction( cocos.RepeatForever.actionWithAction( seq2 ) );
|
|
|
|
s3.runAction( cocos.RepeatForever.actionWithAction( seq3 ) );
|
|
|
|
|
|
|
|
var scene = new cocos.Scene(); scene.init();
|
|
|
|
scene.addChild(s1);
|
|
|
|
scene.addChild(s2);
|
|
|
|
scene.addChild(s3);
|
|
|
|
|
|
|
|
// add the menu
|
|
|
|
var menu = createMenu("Test EaseBounceIn / Out and reverse");
|
|
|
|
scene.addChild(menu, 1);
|
|
|
|
|
|
|
|
return scene;
|
|
|
|
};
|
2012-05-01 10:58:45 +08:00
|
|
|
/**
|
|
|
|
* from here on there's code that can be shared between different tests
|
|
|
|
* basically is the hud and the scene handling
|
|
|
|
*/
|
|
|
|
|
|
|
|
// changes to the next scene
|
|
|
|
var nextScene = function () {
|
|
|
|
var l = Object.keys(scenes).length;
|
|
|
|
scenes.currentScene = (scenes.currentScene + 1) % l;
|
|
|
|
if (scenes.currentScene === 0) {
|
|
|
|
scenes.currentScene = 1;
|
|
|
|
}
|
|
|
|
playCurrentScene();
|
|
|
|
};
|
|
|
|
|
|
|
|
// changes to the previous scene
|
|
|
|
var prevScene = function () {
|
|
|
|
var l = Object.keys(scenes).length;
|
|
|
|
scenes.currentScene -= 1;
|
|
|
|
if (scenes.currentScene < 1) {
|
|
|
|
scenes.currentScene = l - 1;
|
|
|
|
}
|
|
|
|
playCurrentScene();
|
|
|
|
};
|
|
|
|
|
|
|
|
var playCurrentScene = function () {
|
|
|
|
var name = Object.keys(scenes)[scenes.currentScene];
|
|
|
|
var scene = scenes[name]();
|
|
|
|
// cocos.log("running scene: " + name + "(" + scene + ")");
|
|
|
|
if (director.runningScene === null) {
|
|
|
|
director.runWithScene(scene);
|
|
|
|
} else {
|
|
|
|
director.replaceScene(scene);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
// creates the hud
|
|
|
|
var createMenu = function (labelText) {
|
|
|
|
var hudMenu = new cocos.Menu();
|
|
|
|
hudMenu.init();
|
|
|
|
|
|
|
|
var b1 = new cocos.Sprite(); b1.initWithFile("b1.png");
|
|
|
|
var b2 = new cocos.Sprite(); b2.initWithFile("b2.png");
|
|
|
|
item1 = new cocos.MenuItemSprite();
|
|
|
|
item1.initFromNormalSprite(b1, b2);
|
|
|
|
item1.action = function () {
|
|
|
|
prevScene();
|
|
|
|
};
|
|
|
|
|
|
|
|
var r1 = new cocos.Sprite(); r1.initWithFile("r1.png");
|
|
|
|
var r2 = new cocos.Sprite(); r2.initWithFile("r2.png");
|
|
|
|
item2 = new cocos.MenuItemSprite();
|
|
|
|
item2.initFromNormalSprite(r1, r2);
|
|
|
|
item2.action = function () {
|
|
|
|
// cocos.executeScript("JS/1to1/test_actions.js");
|
|
|
|
playCurrentScene();
|
|
|
|
};
|
|
|
|
|
|
|
|
var f1 = new cocos.Sprite(); f1.initWithFile("f1.png");
|
|
|
|
var f2 = new cocos.Sprite(); f2.initWithFile("f2.png");
|
|
|
|
item3 = new cocos.MenuItemSprite();
|
|
|
|
item3.initFromNormalSprite(f1, f2);
|
|
|
|
item3.action = function () {
|
|
|
|
nextScene();
|
|
|
|
};
|
|
|
|
|
|
|
|
var c1 = new cocos.Sprite(); c1.initWithFile("r1.png");
|
|
|
|
var c2 = new cocos.Sprite(); c2.initWithFile("r2.png");
|
|
|
|
item4 = new cocos.MenuItemSprite();
|
|
|
|
item4.initFromNormalSprite(c1, c2);
|
|
|
|
item4.action = function () {
|
|
|
|
cocos.executeScript("JS/1to1/test_ease_actions.js");
|
|
|
|
};
|
|
|
|
|
|
|
|
item1.position = cocos.Point.create(winSize.width / 2 - 100, 30);
|
|
|
|
item2.position = cocos.Point.create(winSize.width / 2 , 30);
|
|
|
|
item3.position = cocos.Point.create(winSize.width / 2 + 100, 30);
|
|
|
|
item4.position = cocos.Point.create(30, winSize.height - 30);
|
|
|
|
|
|
|
|
hudMenu.addChild(item1);
|
|
|
|
hudMenu.addChild(item2);
|
|
|
|
hudMenu.addChild(item3);
|
|
|
|
hudMenu.addChild(item4);
|
|
|
|
hudMenu.position = pointZero;
|
|
|
|
|
|
|
|
if (labelText) {
|
|
|
|
var label = new cocos.LabelTTF();
|
|
|
|
// initWithString: text, size, alignment, font, fontSize
|
|
|
|
label.initWithString(labelText, sizeZero, 0, "Arial", 18.0);
|
|
|
|
label.position = cocos.Point.create(winSize.width / 2, winSize.height - 30);
|
|
|
|
hudMenu.addChild(label);
|
|
|
|
}
|
|
|
|
|
|
|
|
// just to avoid GC
|
|
|
|
hudMenu.items = [item1, item2, item3];
|
|
|
|
return hudMenu;
|
|
|
|
};
|
|
|
|
|
|
|
|
playCurrentScene();
|