|
|
@@ -1,4 +1,31 @@
|
|
|
+
|
|
|
+var nameLbl;
|
|
|
+
|
|
|
+/*
|
|
|
+ var bootState = {
|
|
|
+ preload: function(){},
|
|
|
+ create: function(){},
|
|
|
+ setLang: function(){}
|
|
|
+ };
|
|
|
+
|
|
|
+ var loadState = {
|
|
|
+ preload: function(){},
|
|
|
+ preload: function(){},
|
|
|
+ create: function(){}
|
|
|
+ };
|
|
|
+
|
|
|
+ var nameState = {
|
|
|
+ preload: function(){},
|
|
|
+ create: function(){},
|
|
|
+ clearName: function(){},
|
|
|
+ keyPressed: function( char ){},
|
|
|
+ ready: function(){}
|
|
|
+ };
|
|
|
+*/
|
|
|
+
|
|
|
+// choose language screen
|
|
|
var bootState = {
|
|
|
+
|
|
|
preload: function () {
|
|
|
//Progress bar image
|
|
|
game.load.image('progressBar', 'resource/img/global/pgbar.png');
|
|
|
@@ -8,40 +35,45 @@ var bootState = {
|
|
|
game.load.image('flag_US', 'resource/img/flag/UNST.jpg');
|
|
|
game.load.image('flag_FR', 'resource/img/flag/FRAN.jpg');
|
|
|
},
|
|
|
+
|
|
|
create: function() {
|
|
|
+
|
|
|
//game settings
|
|
|
game.stage.backgroundColor = '#cce5ff';
|
|
|
-
|
|
|
game.physics.startSystem(Phaser.Physics.ARCADE);
|
|
|
var style = { font: '28px Arial', fill: '#00804d', align: 'center' };
|
|
|
-
|
|
|
+
|
|
|
//generating language selection
|
|
|
- //pt_BR
|
|
|
- var title1 = game.add.text(this.game.world.centerX - 220, this.game.world.centerY - 100, 'FRACÇÕES', style);
|
|
|
+
|
|
|
+ //pt_BR
|
|
|
+ var title1 = game.add.text(this.game.world.centerX - 220, this.game.world.centerY - 100, 'FRAÇÕES ', style);
|
|
|
title1.anchor.setTo(1, 0.5);
|
|
|
var flag1 = game.add.sprite(this.game.world.centerX - 220, this.game.world.centerY - 100, 'flag_BR');
|
|
|
flag1.anchor.setTo(0, 0.5);
|
|
|
flag1.inputEnabled = true;
|
|
|
flag1.input.useHandCursor = true;
|
|
|
flag1.events.onInputDown.add(this.setLang,{lang:'pt_BR'});
|
|
|
- //es_PE
|
|
|
- var title2 = game.add.text(this.game.world.centerX + 200, this.game.world.centerY - 100, 'FRACCIONES', style);
|
|
|
+
|
|
|
+ //es_PE
|
|
|
+ var title2 = game.add.text(this.game.world.centerX + 200, this.game.world.centerY - 100, 'FRACCIONES ', style);
|
|
|
title2.anchor.setTo(1, 0.5);
|
|
|
var flag2 = game.add.sprite(this.game.world.centerX + 200, this.game.world.centerY - 100, 'flag_PE');
|
|
|
flag2.anchor.setTo(0, 0.5);
|
|
|
flag2.inputEnabled = true;
|
|
|
flag2.input.useHandCursor = true;
|
|
|
flag2.events.onInputDown.add(this.setLang,{lang:'es_PE'});
|
|
|
- //en_US
|
|
|
- var title3 = game.add.text(this.game.world.centerX - 220, this.game.world.centerY + 100, 'FRACTIONS', style);
|
|
|
+
|
|
|
+ //en_US
|
|
|
+ var title3 = game.add.text(this.game.world.centerX - 220, this.game.world.centerY + 100, 'FRACTIONS ', style);
|
|
|
title3.anchor.setTo(1, 0.5);
|
|
|
var flag3 = game.add.sprite(this.game.world.centerX - 220, this.game.world.centerY + 100, 'flag_US');
|
|
|
flag3.anchor.setTo(0, 0.5);
|
|
|
flag3.inputEnabled = true;
|
|
|
flag3.input.useHandCursor = true;
|
|
|
flag3.events.onInputDown.add(this.setLang,{lang:'en_US'});
|
|
|
- //fr_FR
|
|
|
- var title4 = game.add.text(this.game.world.centerX + 200, this.game.world.centerY + 100, 'FRACTIONS', style);
|
|
|
+
|
|
|
+ //fr_FR
|
|
|
+ var title4 = game.add.text(this.game.world.centerX + 200, this.game.world.centerY + 100, 'FRACTIONS ', style);
|
|
|
title4.anchor.setTo(1, 0.5);
|
|
|
var flag4 = game.add.sprite(this.game.world.centerX + 200, this.game.world.centerY + 100, 'flag_FR');
|
|
|
flag4.anchor.setTo(0, 0.5);
|
|
|
@@ -57,10 +89,13 @@ var bootState = {
|
|
|
//start resource loading
|
|
|
game.state.start('load');
|
|
|
}
|
|
|
+
|
|
|
};
|
|
|
|
|
|
+// loading screen (+loading assets)
|
|
|
var loadState = {
|
|
|
|
|
|
+ //called on setPreloadImage
|
|
|
preload: function () {
|
|
|
//Progress bar image
|
|
|
game.load.image('progressBar', 'resource/img/global/pgbar.png');
|
|
|
@@ -82,88 +117,89 @@ var loadState = {
|
|
|
game.load.json('dictionary', 'resource/lang/'+lang+'.json');
|
|
|
|
|
|
// Loading global assets (sprites and images)
|
|
|
- var baseimg = 'resource/img/global/';
|
|
|
+ var imgsrc = 'resource/img/';
|
|
|
|
|
|
- game.load.image('bgimage', baseimg+'bg.jpg');
|
|
|
- game.load.image('bgmap', baseimg+'bg_map.png');
|
|
|
- game.load.image('cloud', baseimg+'cloud.png');
|
|
|
- game.load.image('floor', baseimg+'floor.png');
|
|
|
- game.load.image('road', baseimg+'road.png');
|
|
|
+ game.load.image('bgimage', imgsrc+'bg.jpg');
|
|
|
+ game.load.image('bgmap', imgsrc+'bg_map.png');
|
|
|
+ game.load.image('cloud', imgsrc+'cloud.png');
|
|
|
+ game.load.image('floor', imgsrc+'floor.png');
|
|
|
+ game.load.image('road', imgsrc+'road.png');
|
|
|
|
|
|
//games list buttons
|
|
|
- game.load.image('game1c', baseimg+'game/one-c.png');
|
|
|
- game.load.image('game2c', baseimg+'game/two-c.png');
|
|
|
- game.load.image('game3c', baseimg+'game/three-c.png');
|
|
|
- game.load.image('game4c', baseimg+'game/four-c.png');
|
|
|
- game.load.image('game1s', baseimg+'game/one-s.png');
|
|
|
- game.load.image('game2s', baseimg+'game/two-s.png');
|
|
|
- game.load.image('game3s', baseimg+'game/three-s.png');
|
|
|
- game.load.image('game4s', baseimg+'game/four-s.png');
|
|
|
- game.load.image('game5s', baseimg+'game/five-s.png');
|
|
|
+ game.load.image('game1c', imgsrc+'game/one-c.png');
|
|
|
+ game.load.image('game2c', imgsrc+'game/two-c.png');
|
|
|
+ game.load.image('game3c', imgsrc+'game/three-c.png');
|
|
|
+ game.load.image('game4c', imgsrc+'game/four-c.png');
|
|
|
+ game.load.image('game1s', imgsrc+'game/one-s.png');
|
|
|
+ game.load.image('game2s', imgsrc+'game/two-s.png');
|
|
|
+ game.load.image('game3s', imgsrc+'game/three-s.png');
|
|
|
+ game.load.image('game4s', imgsrc+'game/four-s.png');
|
|
|
+ game.load.image('game5s', imgsrc+'game/five-s.png');
|
|
|
//header menu
|
|
|
- game.load.image('back', baseimg+'menu/back.png');
|
|
|
- game.load.image('home', baseimg+'menu/home.png');
|
|
|
- game.load.image('info', baseimg+'menu/info.png');
|
|
|
- game.load.image('world', baseimg+'menu/language.png');
|
|
|
- game.load.image('list', baseimg+'menu/menu.png');
|
|
|
- game.load.image('help', baseimg+'menu/help.png');
|
|
|
- game.load.image('pgbar', baseimg+'menu/progressBar.png');
|
|
|
- game.load.image('block', baseimg+'menu/block.png');
|
|
|
- game.load.image('eraser', baseimg+'menu/eraser.png');
|
|
|
+ game.load.image('back', imgsrc+'menu/back.png');
|
|
|
+ game.load.image('home', imgsrc+'menu/home.png');
|
|
|
+ game.load.image('info', imgsrc+'menu/info.png');
|
|
|
+ game.load.image('world', imgsrc+'menu/language.png');
|
|
|
+ game.load.image('list', imgsrc+'menu/menu.png');
|
|
|
+ game.load.image('help', imgsrc+'menu/help.png');
|
|
|
+ game.load.image('pgbar', imgsrc+'menu/progressBar.png');
|
|
|
+ game.load.image('block', imgsrc+'menu/block.png');
|
|
|
+ game.load.image('eraser', imgsrc+'menu/eraser.png');
|
|
|
//operators
|
|
|
- game.load.image('add', baseimg+'operator/add.png');
|
|
|
- game.load.image('subtract', baseimg+'operator/subtract.png');
|
|
|
- game.load.image('separator', baseimg+'operator/separator.png');
|
|
|
- game.load.image('equal', baseimg+'operator/equal.png');
|
|
|
+ game.load.image('add', imgsrc+'operator/add.png');
|
|
|
+ game.load.image('subtract', imgsrc+'operator/subtract.png');
|
|
|
+ game.load.image('separator', imgsrc+'operator/separator.png');
|
|
|
+ game.load.image('equal', imgsrc+'operator/equal.png');
|
|
|
//helpers
|
|
|
- game.load.image('h_arrow', baseimg+'help/arrow.png');
|
|
|
- game.load.image('h_double', baseimg+'help/double.png');
|
|
|
- game.load.image('h_error', baseimg+'help/error.png');
|
|
|
- game.load.image('h_ok', baseimg+'help/ok.png');
|
|
|
- game.load.image('down', baseimg+'help/down.png');
|
|
|
- game.load.image('pointer', baseimg+'help/pointer.png');
|
|
|
+ game.load.image('h_arrow', imgsrc+'help/arrow.png');
|
|
|
+ game.load.image('h_double', imgsrc+'help/double.png');
|
|
|
+ game.load.image('h_error', imgsrc+'help/error.png');
|
|
|
+ game.load.image('h_ok', imgsrc+'help/ok.png');
|
|
|
+ game.load.image('down', imgsrc+'help/down.png');
|
|
|
+ game.load.image('pointer', imgsrc+'help/pointer.png');
|
|
|
|
|
|
- // Loading assets based on lang
|
|
|
- var basesrc = 'resource/img/'+lang+'/';
|
|
|
+ // Loading assets based on lang
|
|
|
+ game.load.spritesheet('kid_run', imgsrc+'kid/run.png', 82, 178, 12);
|
|
|
+ game.load.spritesheet('kid_walk', imgsrc+'kid/walk.png', 78, 175, 24);
|
|
|
+ game.load.spritesheet('kid_lost', imgsrc+'kid/lost.png', 72, 170, 6);
|
|
|
+ game.load.spritesheet('tractor', imgsrc+'tractor/frame.png', 201, 144, 10);
|
|
|
+ game.load.image('balloon', imgsrc+'airballoon_upper.png');
|
|
|
+ game.load.image('balloon_basket', imgsrc+'airballoon_base.png');
|
|
|
+ game.load.image('birch', imgsrc+'birch.png');
|
|
|
+ game.load.image('flag', imgsrc+'flag.png');
|
|
|
+ game.load.image('house', imgsrc+'house.png');
|
|
|
+ game.load.image('place_a', imgsrc+'place_a.png');
|
|
|
+ game.load.image('place_b', imgsrc+'place_b.png');
|
|
|
+ game.load.image('garage', imgsrc+'garage.png');
|
|
|
+ game.load.image('farm', imgsrc+'farm.png');
|
|
|
+ game.load.image('rock', imgsrc+'rock.png');
|
|
|
+ game.load.image('school', imgsrc+'school.png');
|
|
|
+ game.load.image('sign', imgsrc+'sign.png');
|
|
|
+ game.load.image('tree1', imgsrc+'tree.png');
|
|
|
+ game.load.image('tree2', imgsrc+'tree2.png');
|
|
|
+ game.load.image('tree3', imgsrc+'tree3.png');
|
|
|
+ game.load.image('tree4', imgsrc+'tree4.png');
|
|
|
|
|
|
- game.load.spritesheet('kid_run', basesrc+'kid/run.png', 82, 178, 12);
|
|
|
- game.load.spritesheet('kid_walk', basesrc+'kid/walk.png', 78, 175, 24);
|
|
|
- game.load.spritesheet('kid_lost', basesrc+'kid/lost.png', 72, 170, 6);
|
|
|
- game.load.spritesheet('tractor', basesrc+'tractor/frame.png', 201, 144, 10);
|
|
|
- game.load.image('balloon', basesrc+'airballoon_upper.png');
|
|
|
- game.load.image('balloon_basket', basesrc+'airballoon_base.png');
|
|
|
- game.load.image('birch', basesrc+'birch.png');
|
|
|
- game.load.image('flag', basesrc+'flag.png');
|
|
|
- game.load.image('house', basesrc+'house.png');
|
|
|
- game.load.image('place_a', basesrc+'place_a.png');
|
|
|
- game.load.image('place_b', basesrc+'place_b.png');
|
|
|
- game.load.image('garage', basesrc+'garage.png');
|
|
|
- game.load.image('farm', basesrc+'farm.png');
|
|
|
- game.load.image('rock', basesrc+'rock.png');
|
|
|
- game.load.image('school', basesrc+'school.png');
|
|
|
- game.load.image('sign', basesrc+'sign.png');
|
|
|
- game.load.image('tree1', basesrc+'tree.png');
|
|
|
- game.load.image('tree2', basesrc+'tree2.png');
|
|
|
- game.load.image('tree3', basesrc+'tree3.png');
|
|
|
- game.load.image('tree4', basesrc+'tree4.png');
|
|
|
-
|
|
|
-
|
|
|
// Loadind Sound Effects
|
|
|
game.load.audio('sound_ok', ['resource/fx/ok.ogg', 'resource/fx/ok.mp3']);
|
|
|
game.load.audio('sound_error', ['resource/fx/error.ogg', 'resource/fx/error.mp3']);
|
|
|
game.load.audio('sound_beep', ['resource/fx/beep.ogg', 'resource/fx/beep.mp3']);
|
|
|
|
|
|
},
|
|
|
+
|
|
|
create: function() {
|
|
|
game.state.start('name');
|
|
|
}
|
|
|
};
|
|
|
|
|
|
-var nameLbl;
|
|
|
+// type name screen
|
|
|
var nameState = {
|
|
|
+
|
|
|
preload: function () {
|
|
|
//textbox
|
|
|
+
|
|
|
},
|
|
|
+
|
|
|
create: function() {
|
|
|
//game settings
|
|
|
game.stage.backgroundColor = '#cce5ff';
|
|
|
@@ -187,7 +223,7 @@ var nameState = {
|
|
|
nameBox.drawRect(0, 0, 400, 100);
|
|
|
nameBox.alpha = 0.5;
|
|
|
nameBox.endFill();
|
|
|
-
|
|
|
+
|
|
|
nameLbl = game.add.text(this.game.world.centerX, this.game.world.centerY, "", styleName);
|
|
|
nameLbl.anchor.setTo(0.5);
|
|
|
|
|
|
@@ -215,19 +251,22 @@ var nameState = {
|
|
|
|
|
|
game.input.keyboard.addCallbacks(this, null, null, this.keyPress);
|
|
|
|
|
|
+
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
clearName: function(){
|
|
|
nameLbl.text = "";
|
|
|
},
|
|
|
|
|
|
keyPress: function(char) {
|
|
|
+
|
|
|
var RegExpression = /^[a-zA-Z\s]*$/;
|
|
|
|
|
|
if (RegExpression.test(char)) {
|
|
|
nameLbl.text += char;
|
|
|
}
|
|
|
},
|
|
|
+
|
|
|
ready: function(){
|
|
|
//var txt = nameLbl.text.trim;
|
|
|
console.log(nameLbl.text.length);
|
|
|
@@ -235,7 +274,6 @@ var nameState = {
|
|
|
nameLbl.text = "";
|
|
|
return;
|
|
|
}
|
|
|
-
|
|
|
name = nameLbl.text.trim();
|
|
|
console.log("name is " + name);
|
|
|
|
|
|
@@ -265,4 +303,5 @@ var nameState = {
|
|
|
}
|
|
|
|
|
|
}
|
|
|
+
|
|
|
};
|
lairaalmas
