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

750 lines
20 KiB
JavaScript

//
// http://www.cocos2d-iphone.org
//
// Javascript + chipmunk 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 withTransition = false;
var nextScene = function () {
currentScene = currentScene + 1;
if( currentScene >= scenes.length )
currentScene = 0;
withTransition = true;
loadScene(currentScene);
};
var previousScene = function () {
currentScene = currentScene -1;
if( currentScene < 0 )
currentScene = scenes.length -1;
withTransition = true;
loadScene(currentScene);
};
var restartScene = 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);
var transitions = [ cc.TransitionSplitCols, cc.TransitionSplitRows,
cc.TransitionSlideInL, cc.TransitionSlideInR, cc.TransitionSlideInT, cc.TransitionSlideInB,
cc.TransitionFade, cc.TransitionCrossFade,
cc.TransitionFlipX, cc.TransitionFlipY,
cc.TransitionProgressRadialCCW, cc.TransitionProgressRadialCW, cc.TransitionProgressVertical, cc.TransitionProgressHorizontal,
cc.TransitionShrinkGrow,
];
var idx = Math.floor( Math.random() * transitions.length );
var transition = transitions[ idx ];
if( withTransition == true )
director.replaceScene( transition.create( 0.9, scene ) );
else
director.replaceScene( scene );
withTransition = false;
// __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( cc.c4b(0,0,0,255), cc.c4b(0,128,255,255));
this.title = "No title";
this.subtitle = "No Subtitle";
this.isMainTitle = false;
}
goog.inherits(BaseLayer, cc.LayerGradient );
//
// Instance 'base' methods
// XXX: Should be defined after "goog.inherits"
//
BaseLayer.prototype.onEnter = function() {
var fontSize = 36;
var tl = this.title.length;
fontSize = (winSize.width / tl) * 1.60;
if( fontSize/winSize.width > 0.09 ) {
fontSize = winSize.width * 0.09;
}
this.label = cc.LabelTTF.create(this.title, "Gill Sans", fontSize);
this.addChild(this.label, 100);
var isMain = this.isMainTitle;
if( isMain == true )
this.label.setPosition( centerPos );
else
this.label.setPosition( cc.p(winSize.width / 2, winSize.height*11/12) );
var subStr = this.subtitle;
if (subStr != "") {
tl = this.subtitle.length;
var subfontSize = (winSize.width / tl) * 1.3;
if( subfontSize > fontSize *0.6 ) {
subfontSize = fontSize *0.6;
}
this.sublabel = cc.LabelTTF.create(subStr, "Thonburi", subfontSize);
this.addChild(this.sublabel, 90);
if( isMain )
this.sublabel.setPosition( cc.p(winSize.width / 2, winSize.height*3/8 ));
else
this.sublabel.setPosition( cc.p(winSize.width / 2, winSize.height*5/6 ));
} else
this.sublabel = null;
// Menu
var item1 = cc.MenuItemImage.create("b1.png", "b2.png", this, this.backCallback);
var item2 = cc.MenuItemImage.create("r1.png", "r2.png", this, this.restartCallback);
var item3 = cc.MenuItemImage.create("f1.png", "f2.png", this, this.nextCallback);
var item4 = cc.MenuItemFont.create("back", this, function() { require("js/main.js"); } );
item4.setFontSize( 22 );
[item1, item2, item3 ].forEach( function(item) {
item.normalImage().setOpacity(45);
item.selectedImage().setOpacity(45);
} );
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, 80);
}
BaseLayer.prototype.createBulletList = function () {
var str = "";
for(var i=0; i<arguments.length; i++)
{
if(i != 0)
str += "\n";
str += '- ' + arguments[i];
}
cc.log( str );
var fontSize = winSize.height*0.07;
var bullets = cc.LabelTTF.create( str, "Gill Sans", fontSize );
bullets.setPosition( centerPos );
this.addChild( bullets, 80 );
}
BaseLayer.prototype.createImage = function( file ) {
var sprite = cc.Sprite.create( file );
sprite.setPosition( centerPos );
this.addChild( sprite, 70 );
return sprite;
}
BaseLayer.prototype.restartCallback = function (sender) {
restartScene();
}
BaseLayer.prototype.nextCallback = function (sender) {
nextScene();
}
BaseLayer.prototype.backCallback = function (sender) {
previousScene();
}
//------------------------------------------------------------------
//
// Intro Page
//
//------------------------------------------------------------------
var IntroPage = function() {
goog.base(this);
this.background1 = this.createImage( 'Official-cocos2d-Icon-Angry.png');
this.background2 = this.createImage( 'Official-cocos2d-Icon-Happy.png');
this.background2.setOpacity( 0 );
// Not working setZOrder() ??
// sprite.setZOrder( -200 );
this.title = 'cocos2d + JS'
this.subtitle = 'Javascript bindings for cocos2d';
this.isMainTitle = true;
this.onEnterTransitionDidFinish = function() {
var fade_out1 = cc.FadeOut.create( 2 );
var fade_in1 = fade_out1.reverse();
var delay1 = cc.DelayTime.create(4);
var seq1 = cc.Sequence.create( fade_out1, fade_in1, delay1 );
this.background1.runAction( cc.RepeatForever.create( seq1 ) );
var delay2 = cc.DelayTime.create(4);
var fade_out2 = cc.FadeOut.create( 2 );
var fade_in2 = fade_out2.reverse();
var seq2 = cc.Sequence.create( delay2, fade_in2, fade_out2 );
this.background2.runAction( cc.RepeatForever.create( seq2 ) );
}
}
goog.inherits( IntroPage, BaseLayer );
//------------------------------------------------------------------
//
// About Page
//
//------------------------------------------------------------------
var AboutPage = function() {
goog.base(this);
this.title = 'About';
this.subtitle = 'What is cocos2d + JS ?';
this.isMainTitle = false;
this.createBulletList( 'Javascript bindings for cocos2d',
'Same JS API as cocos2d-html5',
'Works on iOS and Mac',
'Faster development',
'Great prototyping tool');
}
goog.inherits( AboutPage, BaseLayer );
//------------------------------------------------------------------
//
// Sprites Page
//
//------------------------------------------------------------------
var SpritesPage = function() {
goog.base(this);
this.title = 'Sprites';
this.subtitle = ''
var fontSize = winSize.height * 0.05;
var label = cc.LabelTTF.create('cc.Sprite.create("grossini.png");', 'CourierNewPSMT', fontSize );
label.setPosition( cc.p( winSize.width/2, winSize.height*1/5) );
this.addChild( label );
var sprite1 = cc.Sprite.create("grossinis_sister1.png");
sprite1.setPosition( cc.p( winSize.width*1/4, winSize.height/2) );
var sprite2 = cc.Sprite.create("grossini.png");
sprite2.setPosition( cc.p( winSize.width*2/4, winSize.height/2) );
var sprite3 = cc.Sprite.create("grossinis_sister2.png");
sprite3.setPosition( cc.p( winSize.width*3/4, winSize.height/2) );
this.addChild( sprite1 );
this.addChild( sprite2 );
this.addChild( sprite3 );
}
goog.inherits( SpritesPage, BaseLayer );
//------------------------------------------------------------------
//
// Labels Page
//
//------------------------------------------------------------------
var LabelsPage = function() {
goog.base(this);
this.title = 'Labels';
this.subtitle = ''
var fontSize = winSize.height * 0.03;
var label = cc.LabelTTF.create('cc.LabelTTF.create("Hello JS World", "Marker Felt", 32);\ncc.LabelBMFont.create("Hello World", "font.fnt")', 'CourierNewPSMT', fontSize );
label.setPosition( cc.p( winSize.width/2, winSize.height*1/5) );
this.addChild( label );
var labelTTF = cc.LabelTTF.create('Label TTF', 'Marker Felt', 48 );
labelTTF.setPosition( cc.p( winSize.width*1/4, winSize.height/2) );
this.addChild( labelTTF );
var labelBM = cc.LabelBMFont.create('Label BMFont', 'futura-48.fnt');
labelBM.setPosition( cc.p( winSize.width*3/4, winSize.height/2) );
this.addChild( labelBM );
// var labelAtlas = cc.LabelAtlas.create('Atlas', 'tuffy_bold_italic-charmap.plist');
// labelAtlas.setPosition( cc.p( winSize.width*3/5, winSize.height/2) );
// this.addChild( labelAtlas );
}
goog.inherits( LabelsPage, BaseLayer );
//------------------------------------------------------------------
//
// Actions Page
//
//------------------------------------------------------------------
var ActionsPage = function() {
goog.base(this);
this.title = 'Actions';
this.subtitle = ''
var fontSize = winSize.height * 0.05;
var label = cc.LabelTTF.create('cc.RotateBy.create(8, 360);', 'CourierNewPSMT', fontSize );
label.setPosition( cc.p( winSize.width/2, winSize.height*1/5) );
this.addChild( label );
this.sprite = cc.Sprite.create("grossini.png");
this.sprite.setPosition( cc.p( winSize.width*2/4, winSize.height/2) );
this.addChild( this.sprite );
this.onEnterTransitionDidFinish = function() {
var action = cc.RotateBy.create(8, 360);
this.sprite.runAction( action );
}
}
goog.inherits( ActionsPage, BaseLayer );
//------------------------------------------------------------------
//
// Actions Complex Page
//
//------------------------------------------------------------------
var ActionsComplexPage = function() {
goog.base(this);
this.title = 'Complex Actions';
this.subtitle = ''
var fontSize = winSize.height * 0.05;
var label = cc.LabelTTF.create('cc.Sequence.create(action1, action2,...);', 'CourierNewPSMT', fontSize );
label.setPosition( cc.p( winSize.width/2, winSize.height*1/5) );
this.addChild( label );
this.sprite = cc.Sprite.create("grossini.png");
this.sprite.setPosition( cc.p( winSize.width*2/4, winSize.height/2) );
this.addChild( this.sprite );
// This function is not portable to cocos2d-html5
this.sprite.getTexture().setAliasTexParameters();
this.onEnterTransitionDidFinish = function() {
var rot = cc.RotateBy.create(1, 360);
var rot_back = rot.reverse();
var scale = cc.ScaleBy.create(1, 7);
var scale_back = scale.reverse();
var seq = cc.Sequence.create( rot, scale, rot_back, scale_back );
this.sprite.runAction( cc.RepeatForever.create( seq ) );
}
}
goog.inherits( ActionsComplexPage, BaseLayer );
//------------------------------------------------------------------
//
// Actions Ease Page
//
//------------------------------------------------------------------
var ActionsEasePage = function() {
goog.base(this);
this.title = 'Ease Actions';
this.subtitle = ''
var fontSize = winSize.height * 0.05;
var label = cc.LabelTTF.create('cc.EaseIn.create(action1, rate);', 'CourierNewPSMT', fontSize );
label.setPosition( cc.p( winSize.width/2, winSize.height*1/5) );
this.addChild( label );
this.sprite1 = cc.Sprite.create("grossini.png");
this.sprite2 = cc.Sprite.create("grossinis_sister1.png");
this.sprite3 = cc.Sprite.create("grossinis_sister2.png");
this.addChild( this.sprite1 );
this.addChild( this.sprite2 );
this.addChild( this.sprite3 );
this.sprite1.setPosition( cc.p(60, winSize.height*1/5) );
this.sprite2.setPosition( cc.p(60, winSize.height*2.5/5) );
this.sprite3.setPosition( cc.p(60, winSize.height*4/5) );
this.onEnterTransitionDidFinish = function() {
var move = cc.MoveBy.create( 3, cc.p(winSize.width-130,0) );
var move_back = move.reverse();
var move_ease_in = cc.EaseIn.create( move.copy(), 2.5 );
var move_ease_in_back = move_ease_in.reverse();
var move_ease_out = cc.EaseOut.create( move.copy(), 2.5 );
var move_ease_out_back = move_ease_out.reverse();
var delay = cc.DelayTime.create( 0.25 );
var seq1 = cc.Sequence.create( move, delay, move_back, delay.copy());
var seq2 = cc.Sequence.create( move_ease_in, delay.copy(), move_ease_in_back, delay.copy() );
var seq3 = cc.Sequence.create( move_ease_out, delay.copy(), move_ease_out_back, delay.copy() );
this.sprite1.runAction( cc.RepeatForever.create( seq1 ) );
this.sprite2.runAction( cc.RepeatForever.create( seq2 ) );
this.sprite3.runAction( cc.RepeatForever.create( seq3 ) );
}
}
goog.inherits( ActionsEasePage, BaseLayer );
//------------------------------------------------------------------
//
// Particles Page
//
//------------------------------------------------------------------
var ParticlesPage = function() {
goog.base(this);
this.title = 'Particles';
this.subtitle = ''
var fontSize = winSize.height * 0.05;
var label = cc.LabelTTF.create('cc.ParticleSystem.create("myparticle.plist");', 'CourierNewPSMT', fontSize );
label.setPosition( cc.p( winSize.width/2, winSize.height*1/5) );
this.addChild( label );
this.particle = cc.ParticleSystem.create("Particles/Flower.plist");
this.addChild( this.particle );
this.particle.setPosition( centerPos );
var platform = __getPlatform();
if( platform.substring(0,7) == 'desktop' )
this.setMouseEnabled( true );
else if( platform.substring(0,6) == 'mobile' )
this.setTouchEnabled( true );
this.onMouseDown = function( event ) {
this.particle.setPosition( event.getLocation() );
}
this.onMouseDragged = function( event ) {
return this.onMouseDown( event );
}
this.onTouchesEnded = function( touches, event ) {
var l = touches.length;
for( var i=0; i < l; i++) {
this.particle.setPosition( touches[i].getLocation() );
}
}
this.onTouchesMoved = function( touches, event ) {
return this.onTouchesEnded( touches, event );
}
}
goog.inherits( ParticlesPage, BaseLayer );
//------------------------------------------------------------------
//
// Chipmunk Page
//
//------------------------------------------------------------------
var ChipmunkPage = function() {
goog.base(this);
// batch node
this.batch = cc.SpriteBatchNode.create('grossini.png', 50 );
this.addChild( this.batch );
this.addSprite = function( pos ) {
var sprite = this.createPhysicsSprite( pos );
this.batch.addChild( sprite );
}
this.title = 'Physics Integration';
this.subtitle = 'Integration with Chipmunk Physics Engine';
this.initPhysics();
}
goog.inherits( ChipmunkPage, BaseLayer );
//
// Instance 'base' methods
// XXX: Should be defined after "goog.inherits"
//
// init physics
ChipmunkPage.prototype.initPhysics = function() {
this.space = cp.spaceNew();
var staticBody = cp.spaceGetStaticBody( this.space );
// Walls
var walls = [cp.segmentShapeNew( staticBody, cp.v(0,0), cp.v(winSize.width,0), 0 ), // bottom
cp.segmentShapeNew( staticBody, cp.v(0,winSize.height), cp.v(winSize.width,winSize.height), 0), // top
cp.segmentShapeNew( staticBody, cp.v(0,0), cp.v(0,winSize.height), 0), // left
cp.segmentShapeNew( staticBody, cp.v(winSize.width,0), cp.v(winSize.width,winSize.height), 0) // right
];
for( var i=0; i < walls.length; i++ ) {
var wall = walls[i];
cp.shapeSetElasticity(wall, 1);
cp.shapeSetFriction(wall, 1);
cp.spaceAddStaticShape( this.space, wall );
}
// Gravity
cp.spaceSetGravity( this.space, cp.v(0, -100) );
}
ChipmunkPage.prototype.createPhysicsSprite = function( pos ) {
var body = cp.bodyNew(1, cp.momentForBox(1, 48, 108) );
cp.bodySetPos( body, pos );
cp.spaceAddBody( this.space, body );
var shape = cp.boxShapeNew( body, 48, 108);
cp.shapeSetElasticity( shape, 0.5 );
cp.shapeSetFriction( shape, 0.5 );
cp.spaceAddShape( this.space, shape );
var sprite = cc.ChipmunkSprite.create("grossini.png");
sprite.setBody( body );
return sprite;
}
ChipmunkPage.prototype.onEnter = function () {
goog.base(this, 'onEnter');
for(var i=0; i<20; i++) {
var x = 40 + Math.random() * (winSize.width-80);
var y = winSize.height/2 + Math.random() * 80;
this.addSprite( cp.v(x, y) );
}
var platform = __getPlatform();
if( platform.substring(0,7) == 'desktop' )
this.setMouseEnabled( true );
else if( platform.substring(0,6) == 'mobile' )
this.setTouchEnabled( true );
}
ChipmunkPage.prototype.onEnterTransitionDidFinish = function () {
this.scheduleUpdate();
}
ChipmunkPage.prototype.update = function( delta ) {
cp.spaceStep( this.space, delta );
}
ChipmunkPage.prototype.onMouseDown = function( event ) {
this.addSprite( event.getLocation() );
}
ChipmunkPage.prototype.onTouchesEnded = function( touches, event ) {
var l = touches.length;
for( var i=0; i < l; i++) {
this.addSprite( touches[i].getLocation() );
}
}
//------------------------------------------------------------------
//
// Behind The Scenes Page
//
//------------------------------------------------------------------
var BehindTheScenesPage = function() {
goog.base(this);
this.title = 'Behind The Scenes';
this.subtitle = '';
this.isMainTitle = true;
}
goog.inherits( BehindTheScenesPage, BaseLayer );
//------------------------------------------------------------------
//
// ParserFeaturesPage Page
//
//------------------------------------------------------------------
var ParserFeaturesPage = function() {
goog.base(this);
this.title = 'Parser Features';
this.subtitle = '';
this.isMainTitle = false;
this.createBulletList( 'Any Objective-C / C library',
'No need to modify generated code',
'No need to modify parsed library',
'Easy to maintain and extend',
'Powerful config file' );
}
goog.inherits( ParserFeaturesPage, BaseLayer );
//------------------------------------------------------------------
//
// Internals
//
//------------------------------------------------------------------
var InternalsPage = function() {
goog.base(this);
this.title = 'Internals';
this.subtitle = 'Solid internal design';
this.isMainTitle = false;
this.onEnterTransitionDidFinish = function() {
// super onEnter
// goog.base( this, 'onEnterTransitionDidFinish' );
var spr = this.createImage( 'Presentation/proxy_model.png' );
spr.setScale( 0.1 );
var scaleAction = cc.ScaleTo.create( 0.7, 1);
spr.runAction( scaleAction );
}
}
goog.inherits( InternalsPage, BaseLayer );
//------------------------------------------------------------------
//
// DemoPage
//
//------------------------------------------------------------------
var DemoPage = function() {
goog.base(this);
this.title = 'Demo';
this.subtitle = '';
this.isMainTitle = true;
}
goog.inherits( DemoPage, BaseLayer );
//------------------------------------------------------------------
//
// OneMoreThing
//
//------------------------------------------------------------------
var OneMoreThingPage = function() {
goog.base(this);
this.title = 'One More Thing';
this.subtitle = '';
this.isMainTitle = true;
}
goog.inherits( OneMoreThingPage, BaseLayer );
//------------------------------------------------------------------
//
// Thanks
//
//------------------------------------------------------------------
var ThanksPage = function() {
goog.base(this);
this.title = 'Thanks';
this.subtitle = '';
this.isMainTitle = true;
}
goog.inherits( ThanksPage, BaseLayer );
//
// Order of tests
//
scenes.push( IntroPage );
scenes.push( AboutPage );
scenes.push( SpritesPage );
scenes.push( LabelsPage );
scenes.push( ActionsPage );
scenes.push( ActionsComplexPage );
scenes.push( ActionsEasePage );
scenes.push( ParticlesPage );
scenes.push( ChipmunkPage );
scenes.push( BehindTheScenesPage );
scenes.push( ParserFeaturesPage );
scenes.push( InternalsPage );
scenes.push( DemoPage );
scenes.push( OneMoreThingPage );
scenes.push( ThanksPage );
//------------------------------------------------------------------
//
// Main entry point
//
//------------------------------------------------------------------
function run()
{
var scene = cc.Scene.create();
var layer = new scenes[currentScene]();
scene.addChild( layer );
director.setDisplayStats( false );
var runningScene = director.getRunningScene();
if( runningScene == null )
director.runWithScene( scene );
else
director.replaceScene( cc.TransitionFade.create(0.5, scene ) );
}
run();