AI game creator

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

No:8957

153

←

Prev Next

→

Generative Art
Developer User4272｜Date and time 23/7/19 22:49:24
Build time 16.197 sec｜Game capacity 1.272KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Generative Art - Juego</title>
  <style>
    canvas {
      border: 1px solid black;
      display: block;
      margin: 20px auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Variables del juego
    var x = canvas.width / 2;
    var y = canvas.height / 2;
    var dx = 2;
    var dy = -2;

// Función de dibujo
    function draw() {
      // Limpiar el canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Dibujar la pelota
      ctx.beginPath();
      ctx.arc(x, y, 10, 0, Math.PI * 2);
      ctx.fillStyle = "#0095DD";
      ctx.fill();
      ctx.closePath();

// Actualizar la posición de la pelota
      x += dx;
      y += dy;

// Revertir la dirección si la pelota colisiona con los bordes del canvas
      if (x + dx > canvas.width - 10 || x + dx < 10) {
        dx = -dx;
      }
      if (y + dy > canvas.height - 10 || y + dy < 10) {
        dy = -dy;
      }
    }

// Ejecutar la función de dibujo cada 10 milisegundos
    setInterval(draw, 10);
  </script>
</body>
</html>