You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
370 lines
10 KiB
370 lines
10 KiB
// Level config
|
|
FoodChain.buildLevels = [
|
|
{ size: 2, time: 2 }, // Level 1
|
|
{ size: 3, time: 5 }, // Level 2
|
|
{ size: 3, time: 3 }, // Level 3
|
|
{ size: 3, time: 2 }, // Level 4
|
|
{ size: 4, time: 5 }, // Level 5
|
|
{ size: 4, time: 3 }, // Level 6
|
|
{ size: 5, time: 3 } // Level 7
|
|
];
|
|
|
|
// Build Game class
|
|
enyo.kind({
|
|
name: "FoodChain.BuildGame",
|
|
kind: enyo.Control,
|
|
published: {level: 1},
|
|
classes: "board",
|
|
components: [
|
|
{ name: "cards", components: [
|
|
// Level - Score - Time bar
|
|
{ components: [
|
|
{ classes: "level-zone", components: [
|
|
{ name: "textlevel", classes: "title level-value" },
|
|
{ name: "level", content: "0", classes: "title level-value" }
|
|
]},
|
|
{ classes: "score-zone", components: [
|
|
{ name: "textscore", classes: "title score-text" },
|
|
{ name: "score", content: "0000", classes: "title score-value" },
|
|
{ name: "timercount", content: "0:0,0", classes: "title timer-value" }
|
|
]}
|
|
]},
|
|
|
|
// Board zone
|
|
{ name: "gamebox", classes: "box", ontap: "unselect", ondrop: "drop", ondragover: "dragover", components: [] },
|
|
|
|
// Buttons bar
|
|
{ name: "validate", kind: "ShadowButton", img: "validate", classes: "validate", ontap: "controlOrder" },
|
|
{ name: "play", kind: "ShadowButton", img: "play", classes: "play", ontap: "play" },
|
|
{ name: "pause", kind: "ShadowButton", img: "pause", classes: "play", ontap: "pause" },
|
|
{ name: "restart", kind: "ShadowButton", img: "restart", classes: "restart", ontap: "restart" },
|
|
{ name: "forward", kind: "ShadowButton", img: "forward", classes: "restart", ontap: "next" },
|
|
{ name: "home", kind: "ShadowButton", img: "home", classes: "home", ontap: "home" },
|
|
|
|
// End of sound event
|
|
{kind: "enyo.Signals", onEndOfSound: "endSound"}
|
|
]}
|
|
],
|
|
|
|
// Constructor
|
|
create: function() {
|
|
this.inherited(arguments);
|
|
this.previous = null;
|
|
this.mixed = null;
|
|
this.createComponent({ name: "timer", kind: "Timer", paused: true, onTriggered: "updateTimer" }, {owner: this});
|
|
this.setLocale();
|
|
this.$.score.setContent(String("0000"+FoodChain.context.score).slice(-4));
|
|
FoodChain.context.game = this.kindName;
|
|
this.levelChanged();
|
|
},
|
|
|
|
// Localization changed, update cards and string resource
|
|
setLocale: function() {
|
|
// Update string resources
|
|
this.$.textlevel.setContent(__$FC("level"));
|
|
this.$.textscore.setContent(__$FC("score"));
|
|
|
|
// Update cards
|
|
enyo.forEach(this.$.gamebox.getControls(), function(card) {
|
|
card.setLocale();
|
|
});
|
|
},
|
|
|
|
// Level changed, init board then start game
|
|
levelChanged: function() {
|
|
// Delete current cards on board
|
|
FoodChain.context.level = this.level;
|
|
var cards = [];
|
|
enyo.forEach(this.$.gamebox.getControls(), function(card) {
|
|
cards.push(card);
|
|
});
|
|
for (var i = 0 ; i < cards.length ; i++) {
|
|
cards[i].destroy();
|
|
}
|
|
|
|
// Compute the start chain
|
|
if (this.mixed == null) {
|
|
var same;
|
|
do {
|
|
// Pick a random chain and ensure it's not the same that the previous one
|
|
this.chain = FoodChain.randomChain(FoodChain.buildLevels[this.level-1].size);
|
|
if (this.previous == null || this.previous.length != this.chain.length) {
|
|
same = false;
|
|
} else {
|
|
same = true;
|
|
for (var i = 0 ; same && i < this.chain.length ; i++ ) {
|
|
if (this.previous[i] != this.chain[i])
|
|
same = false;
|
|
}
|
|
}
|
|
} while (same);
|
|
this.mixed = FoodChain.mix(this.chain);
|
|
}
|
|
|
|
// Display cards
|
|
var step = 99/this.mixed.length;
|
|
var x = 5-this.mixed.length, y = 8;
|
|
this.cards = [];
|
|
for (var i = 0 ; i < this.mixed.length ; i++) {
|
|
var autoplay = (i == 0) ? true: false;
|
|
this.cards.push(this.$.gamebox.createComponent({ kind: "FoodChain.Card", cardname: this.mixed[i], x: x+"%", y: y, ontap: "taped", ondragstart: "dragstart", ondragfinish: "dragfinish"}, {owner: this}));
|
|
if (i == 0) {
|
|
FoodChain.sound.play(this.cards[i].sound);
|
|
} else {
|
|
this.cards[i].hide();
|
|
}
|
|
x = x + step;
|
|
}
|
|
|
|
// Box handling
|
|
this.dragobject = null;
|
|
this.selectedobject = null;
|
|
this.zmax = 0;
|
|
this.$.gamebox.removeClass("box-win");
|
|
this.$.gamebox.removeClass("box-lost");
|
|
|
|
// Saving context
|
|
FoodChain.saveContext();
|
|
|
|
// Button handling
|
|
this.$.play.hide();
|
|
this.$.pause.show();
|
|
this.$.validate.show();
|
|
this.$.restart.hide();
|
|
this.$.forward.hide();
|
|
this.$.home.hide();
|
|
|
|
// Timer and level init
|
|
this.$.level.setContent(" "+this.level);
|
|
this.timecount = {mins:0, secs:0, tenth:0};
|
|
this.$.timercount.removeClass("timer-overtime");
|
|
this.displayTimer();
|
|
this.$.timer.pause();
|
|
|
|
this.render();
|
|
},
|
|
|
|
// Sound ended, play next card if any
|
|
endSound: function(e, s) {
|
|
// All is already displayed
|
|
if (this.cards == null)
|
|
return;
|
|
|
|
// Display next card
|
|
for (var i = 0 ; i < this.cards.length ; i++ ) {
|
|
if (this.cards[i] != null && FoodChain.soundMatch(this.cards[i].sound,s.sound)) {
|
|
this.cards[i] = null;
|
|
if (i+1 < this.cards.length) {
|
|
this.cards[i+1].show();
|
|
FoodChain.sound.play(this.cards[i+1].sound);
|
|
return;
|
|
}
|
|
}
|
|
}
|
|
|
|
// All card displayed, start timer
|
|
this.cards = null;
|
|
this.$.timer.resume();
|
|
},
|
|
|
|
// Display timer value
|
|
displayTimer: function() {
|
|
this.$.timercount.setContent(this.timecount.mins+":"+String("00"+this.timecount.secs).slice(-2)+","+this.timecount.tenth);
|
|
},
|
|
|
|
// Update timer
|
|
updateTimer: function(s, e) {
|
|
this.timecount.tenth = this.timecount.tenth + 1;
|
|
if (this.timecount.tenth == 10) {
|
|
this.timecount.tenth = 0;
|
|
this.timecount.secs = this.timecount.secs + 1;
|
|
var currentcount = this.timecount.mins * 60 + this.timecount.secs;
|
|
if (currentcount >= FoodChain.buildLevels[this.level-1].time) {
|
|
this.$.timercount.addClass("timer-overtime");
|
|
}
|
|
if (this.timecount.secs == 60) {
|
|
this.timecount.secs = 0;
|
|
this.timecount.mins = this.timecount.mins + 1;
|
|
}
|
|
}
|
|
this.displayTimer();
|
|
},
|
|
|
|
// Play sound when card taped, set card as selected (avoid need of drag&drop)
|
|
taped: function(s, e) {
|
|
if (this.$.timer.paused)
|
|
return true;
|
|
FoodChain.log(s.cardname+" taped");
|
|
|
|
// Use selection to avoid drag&drop
|
|
if (this.selectedobject == null) {
|
|
// No selection, set card as selected, play sound
|
|
this.selectedobject = s;
|
|
s.addClass("card-dragged");
|
|
FoodChain.sound.play(s.sound);
|
|
this.toTop(s);
|
|
return true;
|
|
} else if (s != this.selectedobject) {
|
|
// A card is already selected, swap the 2 card
|
|
var startx = this.selectedobject.getX(), starty = this.selectedobject.getY();
|
|
var endx = s.getX(), endy = s.getY();
|
|
this.selectedobject.moveTo(endx, endy);
|
|
s.moveTo(startx, starty);
|
|
this.selectedobject.removeClass("card-dragged");
|
|
this.selectedobject = null;
|
|
return true;
|
|
}
|
|
},
|
|
|
|
// Tap on the board unselect current card
|
|
unselect: function() {
|
|
if (this.selectedobject != null) {
|
|
this.selectedobject.removeClass("card-dragged");
|
|
this.selectedobject = null;
|
|
}
|
|
},
|
|
|
|
// Card drag start, change style to dragged
|
|
dragstart: function(s, e) {
|
|
if (this.$.timer.paused)
|
|
return true;
|
|
s.addClass("card-dragged");
|
|
this.$.gamebox.addClass("box-dragging");
|
|
FoodChain.sound.play(s.sound);
|
|
this.dragobject = s;
|
|
this.selectedobject = null;
|
|
this.dragx = 0;
|
|
this.dragy = e.clientY-s.y;
|
|
this.toTop(this.dragobject);
|
|
},
|
|
|
|
// Card drag end, change style to not dragged
|
|
dragfinish: function(s, e) {
|
|
s.removeClass("card-dragged");
|
|
this.$.gamebox.removeClass("box-dragging");
|
|
},
|
|
|
|
// Drag over the box, allow dragging
|
|
dragover: function(s, e) {
|
|
if (this.dragobject == null)
|
|
return true;
|
|
e.preventDefault();
|
|
return false;
|
|
},
|
|
|
|
// Dropped in the box, change card parent
|
|
drop: function(s, e) {
|
|
if (this.dragobject == null || this.$.timer.paused)
|
|
return true;
|
|
e.preventDefault();
|
|
this.dragobject.moveTo((e.clientX/window.innerWidth)*100+"%", e.clientY-this.dragy);
|
|
this.dragobject = null;
|
|
},
|
|
|
|
// Set the card to top of the stack
|
|
toTop: function(card) {
|
|
this.zmax = this.zmax + 1;
|
|
card.applyStyle("z-index", this.zmax)
|
|
},
|
|
|
|
// Validate cards order
|
|
controlOrder: function() {
|
|
// Stop timer
|
|
this.$.timer.pause();
|
|
|
|
// Hide button
|
|
this.$.play.hide();
|
|
this.$.pause.hide();
|
|
this.$.validate.hide();
|
|
|
|
// Get cards
|
|
var cards = [];
|
|
enyo.forEach(this.$.gamebox.getControls(), function(card) {
|
|
cards.push(card);
|
|
});
|
|
|
|
// Sort using x card position
|
|
cards = cards.sort(function (c1, c2) { return c1.x.replace("%","") - c2.x.replace("%",""); });
|
|
|
|
// Check order
|
|
var win = true;
|
|
for (var i = 0 ; win && i < this.chain.length ; i++) {
|
|
if (cards[i].cardname != this.chain[i])
|
|
win = false;
|
|
}
|
|
|
|
// Play win or loose sound
|
|
if (win) {
|
|
FoodChain.sound.play("audio/applause");
|
|
this.$.gamebox.addClass("box-win");
|
|
this.computeScore();
|
|
this.$.home.show();
|
|
if (this.level != FoodChain.buildLevels.length)
|
|
this.$.forward.show();
|
|
}
|
|
else {
|
|
FoodChain.sound.play("audio/disappointed");
|
|
this.$.gamebox.addClass("box-lost");
|
|
this.$.home.show();
|
|
this.$.restart.show();
|
|
}
|
|
},
|
|
|
|
// Compute score
|
|
computeScore: function() {
|
|
var score = 10;
|
|
var currentcount = this.timecount.mins * 60 + this.timecount.secs;
|
|
if (currentcount < FoodChain.buildLevels[this.level-1].time) {
|
|
score += (FoodChain.buildLevels[this.level-1].time - currentcount);
|
|
}
|
|
FoodChain.context.score += score;
|
|
this.$.score.setContent(String("0000"+FoodChain.context.score).slice(-4));
|
|
},
|
|
|
|
// Resume game
|
|
play: function() {
|
|
// Show cards
|
|
enyo.forEach(this.$.gamebox.getControls(), function(card) {
|
|
card.show();
|
|
});
|
|
|
|
// Show pause button, hide play button
|
|
this.$.timer.resume();
|
|
this.$.play.hide();
|
|
this.$.pause.show();
|
|
this.$.home.hide();
|
|
},
|
|
|
|
// Pause game
|
|
pause: function() {
|
|
// Hide cards
|
|
enyo.forEach(this.$.gamebox.getControls(), function(card) {
|
|
card.hide();
|
|
});
|
|
|
|
// Show play button, hide pause button
|
|
this.$.timer.pause();
|
|
this.$.pause.hide();
|
|
this.$.play.show();
|
|
this.$.home.show();
|
|
},
|
|
|
|
// Restart the current level
|
|
restart: function() {
|
|
this.levelChanged();
|
|
},
|
|
|
|
// Go to the next level
|
|
next: function() {
|
|
this.level = this.level + 1;
|
|
this.previous = this.chain;
|
|
this.mixed = null;
|
|
this.levelChanged();
|
|
},
|
|
|
|
// Go to the home page of the app
|
|
home: function() {
|
|
this.$.timer.stop();
|
|
FoodChain.goHome();
|
|
}
|
|
});
|