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

No:36977

83

Make a game with a cookie on the left and when I c..ALL
Developer User16935｜Date and time 24/1/19 17:13:33
Build time 10.845 sec｜Game capacity 2.408KB｜

Sure! Here's an example of a simple game where you can earn points by clicking on a cookie on the left side, and then use those points to "buy" upgrades by clicking on the right side. Please note that this implementation assumes basic knowledge of HTML, CSS, and JavaScript.

Welcome to Cookie Clicker Game!

Points: 0

Upgrades

Upgrade 1 (Cost: 1 point)

To use the above code, follow these steps: 1. Save the code into a file (e.g., `game.html`). 2. Replace the `emozi_all/cookie.png` file path with the appropriate path to your cookie pictogram image. Make sure the image is in the same directory as the HTML file. 3. Open the HTML file in a web browser (preferably on a smartphone) to play the game. The game starts with a cookie image on the left side. Clicking on the cookie increments your points by 1. On the right side, there is an upgrade labeled "Upgrade 1" that costs 1 point. Once you have enough points (>= upgrade cost), you can click on the upgrade to purchase it, which will deduct the cost from your points and increase the upgrade cost for future purchases. Feel free to modify and enhance the game further to suit your preferences!

→ 　

0　

0　

[PR]現在のプレゼントランキング

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

(C)2023 HisashiApp

Sure! Here's an example of a simple game where you can earn points by clicking on a cookie on the left side, and then use those points to "buy" upgrades by clicking on the right side. Please note that this implementation assumes basic knowledge of HTML, CSS, and JavaScript.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Cookie Clicker Game</title>
  <style>
    body {
      text-align: center;
    }
    
    #cookie {
      display: inline-block;
      width: 100px;
      height: 100px;
      background-image: url('cookie.png'); /* Replace 'cookie.png' with your own cookie pictogram image */
      background-size: cover;
      cursor: pointer;
    }
    
    #points {
      font-size: 24px;
      margin: 20px 0;
    }
    
    #upgrade {
      font-size: 20px;
      margin-bottom: 10px;
      cursor: pointer;
    }
    
  </style>
</head>
<body>
  <h1>Welcome to Cookie Clicker Game!</h1>
  <div id="cookie" onclick="incrementPoints()"></div>
  <div id="points">Points: <span id="score">0</span></div>
  <h2>Upgrades</h2>
  <div id="upgrade" onclick="buyUpgrade()">Upgrade 1 (Cost: 1 point)</div>
  
  <script>
    var score = 0;
    var upgradeCost = 1;
    
    function incrementPoints() {
      score++;
      document.getElementById('score').textContent = score;
    }
    
    function buyUpgrade() {
      if (score >= upgradeCost) {
        score -= upgradeCost;
        upgradeCost++;
        document.getElementById('score').textContent = score;
        document.getElementById('upgrade').textContent = 'Upgrade 1 (Cost: ' + upgradeCost + ' points)';
      }
    }
  </script>
</body>
</html>
```

To use the above code, follow these steps:
1. Save the code into a file (e.g., `game.html`).
2. Replace the `cookie.png` file path with the appropriate path to your cookie pictogram image. Make sure the image is in the same directory as the HTML file.
3. Open the HTML file in a web browser (preferably on a smartphone) to play the game.

The game starts with a cookie image on the left side. Clicking on the cookie increments your points by 1. On the right side, there is an upgrade labeled "Upgrade 1" that costs 1 point. Once you have enough points (>= upgrade cost), you can click on the upgrade to purchase it, which will deduct the cost from your points and increase the upgrade cost for future purchases.

Feel free to modify and enhance the game further to suit your preferences!