A ball that says goo suck goo after the ball says that the win's game

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

No:31165

←

Prev Next

→

A ball that says goo suck goo after the ball says ..ALL
Developer User15039｜Date and time 23/12/25 11:22:34
Build time 19.687 sec｜Game capacity 2.038KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>

<head>
  <title>¡Goo Suck Goo! - El Juego</title>
  <meta charset="UTF-8">
</head>

<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");

// Imágenes
    var ballImage = new Image();
    ballImage.src = "ball.png";
    var winImage = new Image();
    winImage.src = "win.png";

// Posición y velocidad de la pelota
    var x = canvas.width / 2;
    var y = canvas.height - 30;
    var dx = 2;
    var dy = -2;

// Variables de estado
    var gameStarted = false;
    var win = false;

// Escuchador de eventos para el inicio del juego
    canvas.addEventListener("click", startGame, false);

// Función para iniciar el juego
    function startGame() {
      if (!gameStarted) {
        gameStarted = true;
        moveBall();
      }
    }

// Función para mover la pelota
    function moveBall() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

if (!win) {
        ctx.drawImage(ballImage, x, y, 50, 50);
        x += dx;
        y += dy;

// Reversa la dirección si la pelota toca los bordes
        if (x + dx > canvas.width - 50 || x + dx < 0) {
          dx = -dx;
        }
        if (y + dy > canvas.height - 50 || y + dy < 0) {
          dy = -dy;
        }

// Comprueba si la pelota se encuentra sobre la palabra "goo"
        if (y < 100 && x > 150 && x < 250) {
          win = true;
          setTimeout(showWinMessage, 1000);
        }
      }

if (!win) {
        requestAnimationFrame(moveBall);
      }
    }

// Función para mostrar el mensaje de victoria
    function showWinMessage() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      ctx.drawImage(winImage, canvas.width / 2 - 100, canvas.height / 2 - 100);
      ctx.font = "30px Arial";
      ctx.fillStyle = "white";
      ctx.fillText("¡Ganaste!", canvas.width / 2 - 80, canvas.height / 2 + 50);
    }
  </script>
</body>

</html>