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

No:39474

←

Prev Next

→

idle game
Developer User17653｜Date and time 24/1/28 14:39:13
Build time 9.915 sec｜Game capacity 2.348KB｜

Script

Aquí tienes un ejemplo de cómo podría ser un juego ocioso simple implementado en un archivo HTML único, utilizando JavaScript y pictogramas para una operación en un smartphone:

Juego Ocioso

En este juego ocioso, tienes un pictograma que se puede hacer clic para aumentar tu puntuación. Cada vez que haces clic, obtienes una cierta cantidad de puntos. Puedes gastar tus puntos para mejorar el valor de clic, lo que te permite obtener más puntos por cada clic. Espero que esto te ayude a empezar con tu juego ocioso. ¡Diviértete!

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Aquí tienes un ejemplo de cómo podría ser un juego ocioso simple implementado en un archivo HTML único, utilizando JavaScript y pictogramas para una operación en un smartphone:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Juego Ocioso</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }
    
    h1 {
      margin-top: 50px;
    }
    
    #score {
      font-size: 30px;
      margin-top: 20px;
    }
    
    #click-area {
      margin-top: 50px;
    }
    
    #click-icon {
      width: 100px;
      height: 100px;
    }
    
    #upgrade-button {
      margin-top: 30px;
      padding: 10px 30px;
      font-size: 20px;
      background-color: #4caf50;
      color: white;
      border: none;
      border-radius: 5px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Juego Ocioso</h1>
  <div id="score">0</div>
  <div id="click-area">
    <img id="click-icon" src="pictograma.png">
  </div>
  <button id="upgrade-button">Mejora</button>

const scoreElement = document.getElementById("score");
    const clickArea = document.getElementById("click-area");
    const clickIcon = document.getElementById("click-icon");
    const upgradeButton = document.getElementById("upgrade-button");

clickArea.addEventListener("click", incrementScore);
    upgradeButton.addEventListener("click", upgradeClickValue);

function incrementScore() {
      score += clickValue;
      scoreElement.textContent = score;
    }

function upgradeClickValue() {
      if (score >= upgradeCost) {
        score -= upgradeCost;
        clickValue *= upgradeMultiplier;
        upgradeCost *= upgradeMultiplier;
        scoreElement.textContent = score;
        clickIcon.style.width = (clickValue * 20) + "px";
        upgradeButton.textContent = "Mejora (Costo: " + upgradeCost + ")";
      }
    }
  </script>
</body>
</html>
```

Espero que esto te ayude a empezar con tu juego ocioso. ¡Diviértete!