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

No:36957

Cookie clicker 2 add A leaderboard And add a shop ..ALL
Developer Game Studio｜Date and time 24/1/19 14:42:24
Build time 15.638 sec｜Game capacity 4.18KB｜

Script

Sure! Here's an implementation of the game "Cookie Clicker 2" with a leaderboard and a shop where you can get more clicks with each tap on the cookie. The game will be designed for smartphone operation and will use pictograms.

Cookie Clicker 2

Clicks: 0

Shop

Leaderboard

In the above code, ensure to replace `'emozi_all/cookie.png'` with the actual path to your cookie image file. This HTML file implements the game "Cookie Clicker 2" with the required additions of a leaderboard and a shop. Each tap on the cookie increments the number of clicks, which is displayed as a score. The shop allows the player to spend their clicks to buy more clicks per tap. The leaderboard keeps track of the top 10 players based on their total clicks. The leaderboard is updated every 10 seconds. I hope this meets your requirements and enjoy playing Cookie Clicker 2!

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Cookie Clicker 2</title>
    <style>
      #cookie { width: 200px; height: 200px; background-image: url('cookie.png'); background-size: cover;}
      #score { font-size: 24px; margin-bottom: 10px; }
      #shop { margin-top: 20px; }
      #shop button { display: block; margin-bottom: 10px; }
    </style>
  </head>
  <body>
    <h1>Cookie Clicker 2</h1>
    <div id="score">Clicks: 0</div>
    <button id="cookie" onclick="incrementClicks()"></button>
    <div id="shop">
      <h2>Shop</h2>
      <button onclick="buyClicks(10)">Buy 10 Clicks (10 cookies)</button>
      <button onclick="buyClicks(50)">Buy 50 Clicks (50 cookies)</button>
      <button onclick="buyClicks(100)">Buy 100 Clicks (100 cookies)</button>
    </div>
    <h2>Leaderboard</h2>
    <ol id="leaderboard"></ol>

// Update score
      function updateScore() {
        scoreElement.textContent = 'Clicks: ' + clicks;
      }

// Increment clicks
      function incrementClicks() {
        clicks++;
        updateScore();
      }

// Buy clicks from the shop
      function buyClicks(clicksToBuy) {
        if (clicks >= clicksToBuy) {
          clicks -= clicksToBuy;
          updateScore();
          incrementClicksPerTap(clicksToBuy);
        } else {
          alert("Insufficient clicks!");
        }
      }

// Increment the number of clicks per tap
      function incrementClicksPerTap(clicksToIncrement) {
        var currentClicksPerTap = clicksToIncrement / 10; // Increment by 10 clicks per tap
        var newClicksPerTap = document.getElementById('clicksPerTap') ? parseInt(document.getElementById('clicksPerTap').textContent) + currentClicksPerTap : currentClicksPerTap;
        
        if (document.getElementById('clicksPerTap')) {
          document.getElementById('clicksPerTap').textContent = newClicksPerTap;
        } else {
          var clicksPerTap = document.createElement('div');
          clicksPerTap.id = 'clicksPerTap';
          clicksPerTap.textContent = newClicksPerTap;
          shopElement.appendChild(clicksPerTap);
        }
      }

// Function to update leaderboard
      function updateLeaderboard() {
        leaderboard.sort(function(a, b) {
          return b.clicks - a.clicks;
        });

leaderboardElement.innerHTML = '';

for (var i = 0; i < leaderboard.length && i < 10; i++) {
          var listItem = document.createElement('li');
          listItem.textContent = 'Player ' + leaderboard[i].id + ': ' + leaderboard[i].clicks + ' clicks';
          leaderboardElement.appendChild(listItem);
        }
      }

// Prompt player name for leaderboard
      var playerName = prompt('Enter your name:');
      if (playerName) {
        leaderboard.push({id: playerName, clicks: 0});
        updateLeaderboard();
      }

// Timed update of leaderboard
      setInterval(updateLeaderboard, 10000); // Update leaderboard every 10 seconds
    </script>
  </body>
</html>
```

In the above code, ensure to replace `'cookie.png'` with the actual path to your cookie image file.

This HTML file implements the game "Cookie Clicker 2" with the required additions of a leaderboard and a shop. Each tap on the cookie increments the number of clicks, which is displayed as a score. The shop allows the player to spend their clicks to buy more clicks per tap. The leaderboard keeps track of the top 10 players based on their total clicks. The leaderboard is updated every 10 seconds.

I hope this meets your requirements and enjoy playing Cookie Clicker 2!