En esta parte del proyecto, vamos a añadir al juego la posibilidad de comprar Fábricas que produzcan más galletas para nosotros cada segundo sin tener que hacer clic.
Imagen para activar la mejora
Al pulsar sobre esta imagen activarás la mejora de las fábricas. Puedes elegir cualquier imagen para tu juego, teniendo en cuenta simplemente que deberás colocarla dentro de la carpeta img. A continuación te proporcionamos una imagen de ejemplo:
Modificaciones del fichero «index.html»
Vamos a añadir un div adicional a nuestro código html para poder activar la mejora. De esta forma, el jugador podrá comprar fábricas pulsando sobre la imagen. Por cada fábrica que adquiera el jugador, se generarán más galletas automáticamente cada segundo:
...
<body>
...
<div class="caja-mejora" onclick="comprarMejora('fabricas')">
<img src="img/fabrica.png" width="125">
<div id="textoFabricas"></div>
</div>
...
</body>
</html>
Modificaciones del fichero «variables.js»
Añadimos la mejora de fabricas al objeto juego, con un precio inicial de 500 galletas. Cada fábrica comprada generará 20 galletas por segundo:
// Objeto que almacena toda la información relativa al progreso y configuración del juego
let juego = {
galletas: 0, // Cantidad total de galletas conseguidas
mejoras: {
...
fabricas: { cantidad: 0, precio: 500, descripcion: "Fábricas que producen 20 galletas por segundo" } // Mejora de Fábricas
}
}
Modificaciones del fichero «script.js»
Para conseguir que las fábricas produzcan galletas sin que tengamos que hacer clic, deberemos incrementar la cantidad de galletas de forma automática cada segundo. Para ello ya disponemos de la función «producirAutomaticamente()», que creamos en una unidad anterior, dentro del fichero «script.js». Añadiendo una sola línea a esta función podremos conseguir que por cada fábrica que hayamos comprado, consigamos 20 galletas más de forma automática cada segundo:
...
// Función para producir galletas automáticamente
// Se ejecuta cada segundo y suma galletas según las mejoras compradas
function producirAutomaticamente() {
...
juego.galletas += juego.mejoras.fabricas.cantidad * 20; // Suma las galletas por Fábricas
guardarProgreso(); // Guarda el progreso automáticamente
}