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

No:16466

103

←

Prev Next

→

A game where you collect coins and buy emojis on a..ALL
Developer User5637｜Date and time 23/9/18 7:01:08
Build time 27.37 sec｜Game capacity 3.15KB｜

Script

Jogo de Coletar Moedas

Pontuação: 0

Moedas: 0

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Jogo de Coletar Moedas</title>
</head>
<body>
  <div id="game" style="text-align:center;">
    <h1>Jogo de Coletar Moedas</h1>
    <canvas id="canvas" width="400" height="400"></canvas>
    <div id="status">Pontuação: 0</div>
    <button id="buyButton" onclick="buyEmoji()">Comprar Emoji - 10 Moedas</button>
    <div id="shop">Moedas: <span id="coins">0</span></div>
  </div>
  
  <script>
    // Definindo os pictogramas dos emojis
    const emojis = [
      '😀', '😂', '😍', '😎', '🥳', '🎉', '👍', '❤️', '🌟', '🍀'
    ];
    
    // Definindo valores dos emojis
    const emojiCost = 10;
    
    // Variáveis de controle do jogo
    let score = 0;
    let coins = 0;
    let shopOpen = false;
    let emojisBought = [];
    
    // Criando o canvas para o jogo
    const canvas = document.getElementById('canvas');
    const ctx = canvas.getContext('2d');
    
    // Inicializando o jogo
    function startGame() {
      // Definindo eventos de clique e toque
      canvas.addEventListener('mousedown', handleClick);
      canvas.addEventListener('touchstart', handleClick);
      
      // Inicializando o loop de jogo
      setInterval(updateGame, 20);
      
      // Gerando moedas aleatoriamente
      setInterval(generateCoins, 3000);
    }
    
    // Função para desenhar o jogo
    function drawGame() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      // Desenhando as moedas
      coins.forEach(function(coin) {
        ctx.fillStyle = '#FFD700';
        ctx.beginPath();
        ctx.arc(coin.x, coin.y, 10, 0, Math.PI * 2);
        ctx.fill();
        ctx.closePath();
      });
      
      // Desenhando os emojis comprados
      emojisBought.forEach(function(emoji, index) {
        ctx.font = '30px Arial';
        ctx.fillText(emoji, index * 40 + 20, 370);
      });
    }
    
    // Função para atualizar o jogo
    function updateGame() {
      drawGame();
      
      // Animando as moedas
      coins.forEach(function(coin) {
        coin.y += 2;
      });
    }
    
    // Função para gerar moedas aleatoriamente
    function generateCoins() {
      const coin = {
        x: Math.random() * (canvas.width - 20) + 10,
        y: 0
      };
      
      coins.push(coin);
    }
    
    // Função para verificar clique/tap nas moedas
    function handleClick(event) {
      const rect = canvas.getBoundingClientRect();
      const mouseX = event.clientX - rect.left;
      const mouseY = event.clientY - rect.top;
      
      coins.forEach(function(coin, index) {
        if (mouseX >= coin.x - 10 && mouseX <= coin.x + 10
            && mouseY >= coin.y - 10 && mouseY <= coin.y + 10) {
          coins.splice(index, 1);
          score += 10;
          coins++;
        }
      });
    }
    
    // Função para comprar um emoji
    function buyEmoji() {
      if (coins >= emojiCost) {
        const randomIndex = Math.floor(Math.random() * emojis.length);
        emojisBought.push(emojis[randomIndex]);
        coins -= emojiCost;
      }
    }
    
    // Iniciando o jogo
    startGame();
  </script>
</body>
</html>