Incremental game With shop,items,Heros and achievements,the multipier costo increase for each purchase's game

Click here for free DL of the app version that can save data.

No:50952

←

Prev Next

→

Incremental game With shop,items,Heros and achieve..ALL
Developer User21444｜Date and time 24/3/10 10:56:54
Build time 5.396 sec｜Game capacity 1.791KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
  <title>Juego Incremental</title>
</head>
<body>

const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');

let score = 0;
    let multiplier = 1;
    let cost = 10;
    let items = 0;

function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Dibujar elementos del juego
      // Aquí puedes usar pictogramas

// Mostrar puntaje y multiplicador
      ctx.font = '20px Arial';
      ctx.fillStyle = 'black';
      ctx.fillText('Puntaje: ' + score, 10, 30);
      ctx.fillText('Multiplicador: x' + multiplier, 10, 60);

// Botón para aumentar puntaje
      ctx.fillStyle = 'blue';
      ctx.fillRect(10, 100, 100, 50);
      ctx.fillStyle = 'white';
      ctx.fillText('Click!', 40, 130);

// Mostrar costo y cantidad de items
      ctx.fillText('Costo de mejora: ' + cost, 10, 200);
      ctx.fillText('Items: ' + items, 10, 230);

}

function update() {
      // Actualizar el juego aquí
    }

function gameLoop() {
      update();
      draw();
      requestAnimationFrame(gameLoop);
    }

canvas.addEventListener('click', function(event) {
      const rect = canvas.getBoundingClientRect();
      const x = event.clientX - rect.left;
      const y = event.clientY - rect.top;

// Revisar si se hizo click en el botón
      if (x > 10 && x < 110 && y > 100 && y < 150) {
        score += multiplier;
      }

// Revisar si se puede comprar un item
      if (score >= cost) {
        score -= cost;
        items++;
        multiplier++;
        cost *= 2; // Incrementar costo exponencialmente
      }
    });

gameLoop();

</script>

</body>
</html>