Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Adicionando botón de reiniciar. Aporte de natv12!

Conflicts:
	javascript/juego.js
  • Loading branch information...
commit d9f5c8f71f68b9f78cc275c939d578a5e580956e 2 parents a3b61ff + 113deff
Rogelio Moreno RglMrn authored
BIN  imagenes/fondoperder.png
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3  index.html
View
@@ -11,6 +11,9 @@
<div id = "estadoLoad" style="color:white; font-size:25px; position:absolute; top:420px; left:190px; background-color:red; padding:20px;">Loading...</div>
<img id = "portada" src="./imagenes/portada.png" width="800" height="450" alt="portada" style="display:block;" />
<canvas id="canvas0" width="800" height="450" style="display:none"></canvas>
+ <div id="perdidos" style = "width:590px;height:355px; margin : auto; position:absolute; top:30px; left:87px; background: url(./imagenes/fondoperder.png); padding:20px;display:none;">
+ <button id = "reintentar" type="button" style="width:150px; color:#996300; font-size:25px; position:absolute; top:290px; left:200px; background-color:#FFA600; padding:5px;border-radius: 8px;">Reintentar</button>
+ </div>
</div>
<div id ="linkSugerencias" style="margin-top:50px; text-align:center;">¿Tienes alguna sugerencia? Regístrate y conversa con nosotros en nuestro <br/>
33 javascript/juego.js
View
@@ -1,5 +1,7 @@
//Shim que se encarga de solicitar el animationFrame del browser que estemos utilizando
//para optimizar la animacion del juego
+var perder = document.getElementById("perdidos");
+var reintentar = document.getElementById("reintentar");
window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
@@ -10,10 +12,12 @@ window.requestAnimFrame = (function(){
window.setTimeout(callback, 1000 / 60);
};
})();
+
function sortAscending(a,b){//Ordena ascendentemente usando y como z index
return a.z-b.z;
}
-function Juego(ctx) { //El controlador principal del juego
+
+function Juego(ctx,callback) { //El controlador principal del juego
this.entidades = [];
this.ctx = ctx;
this.ancho = ctx.canvas.width;
@@ -25,7 +29,8 @@ function Juego(ctx) { //El controlador principal del juego
this.clock = new Clock();
this.clockTick;
-
+ this.randoom=callback;
+ this.randoom();
//Muestra stats de rendimiento
this.stats = new Stats();
}
@@ -35,12 +40,13 @@ Juego.prototype.iniciar = function() { //Inicia el juego y el loop principal
var that = this;
(function gameLoop() {
if (that.fallados > 9) { //evalúa si el jugador perdió
- that.perdiste();
+ that.perder();
}
else {
that.loop();
+ requestAnimFrame(gameLoop, that.ctx.canvas);
}
- requestAnimFrame(gameLoop, that.ctx.canvas);
+
})();
};
@@ -91,13 +97,18 @@ Juego.prototype.loop = function() { //loop del juego que llama a los actualizar
this.actualizarPintadas();
};
-Juego.prototype.perdiste = function() { //evalúa si el jugador perdió
-
- this.ctx.font = "20mm Arial";
- this.ctx.fillStyle = "red";
- this.ctx.fillText("Perdiste" ,275, 225);
-};
-
+Juego.prototype.perder = function() { //evalúa si el jugador perdió
+ var that = this
+ perder.style.display = "block";
+ reintentar.addEventListener('click',perdiste,false);
+
+};
+function perdiste(evt){
+ perder.style.display = "none";
+ vacalechera = new Juego(vacalechera.ctx,vacalechera.randoom);
+ vacalechera.iniciar();
+
+};
Juego.prototype.actualizarPintadas = function() { //Indica la cantidad de veces que se ha pintado sobre el window
this.ctx.font = "5mm Arial";
this.ctx.fillStyle = "black";
24 javascript/vacalechera_app.js
View
@@ -33,18 +33,19 @@ ASSET_MANAGER.queueDownload("./imagenes/pollo.png","pollo");
ASSET_MANAGER.downloadAll(function() {
estadoLoad.innerHTML = "Presiona cualquier tecla para continuar";
- vacalechera = new Juego(ctx);
- vaca = new Vaca(vacalechera, 780, 200);
- granjero = new Granjero(vacalechera, 200, 200);
- pollo = new Pollo(vacalechera, 485, 135);
- contador = new Contador(vacalechera, 300, 30);
- cronometro = new Cronometro(vacalechera, 50, 30);
+ vacalechera = new Juego(ctx,function(){
+ vaca = new Vaca(this, 780, 200);
+ granjero = new Granjero(this, 200, 200);
+ pollo = new Pollo(this, 485, 135);
+ contador = new Contador(this, 300, 30);
+ cronometro = new Cronometro(this, 50, 30);
- vacalechera.addEntidad(vaca);
- vacalechera.addEntidad(granjero);
- vacalechera.addEntidad(pollo);
- vacalechera.addEntidad(contador);
- vacalechera.addEntidad(cronometro);
+ this.addEntidad(vaca);
+ this.addEntidad(granjero);
+ this.addEntidad(pollo);
+ this.addEntidad(contador);
+ this.addEntidad(cronometro);
+ });
loaded = true;
});
@@ -77,3 +78,4 @@ function onClick (evt) {
}
}
+
Please sign in to comment.
Something went wrong with that request. Please try again.