A game where we move a rectangle to bounce a square that moves to get points and if we do not bounce it we lose and the game is won at a thousand points.'s game

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

No:11999

106

←

Prev Next

→

A game where we move a rectangle to bounce a squar..ALL
Developer User3408｜Date and time 23/8/13 10:08:15
Build time 19.181 sec｜Game capacity 2.868KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>¡Juego de Rebotes!</title>
  <style>
    #canvas {
      background-color: lightgray;
      border: 1px solid gray;
    }
  </style>
</head>
<body>
  <canvas id="canvas" width="400" height="400"></canvas>

function drawRectangular() {
      ctx.beginPath();
      ctx.rect(rectangular.x, rectangular.y, rectangular.width, rectangular.height);
      ctx.fillStyle = "blue";
      ctx.fill();
      ctx.closePath();
    }

function drawCuadrado() {
      ctx.beginPath();
      ctx.rect(cuadrado.x, cuadrado.y, cuadrado.width, cuadrado.height);
      ctx.fillStyle = "red";
      ctx.fill();
      ctx.closePath();
    }

function drawPuntos() {
      ctx.font = "20px Arial";
      ctx.fillStyle = "black";
      ctx.fillText("Puntos: " + puntos, 10, 30);
    }

function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawRectangular();
      drawCuadrado();
      drawPuntos();
      collisionDetection();
      
      cuadrado.x += cuadrado.speedX;
      cuadrado.y += cuadrado.speedY;

if (cuadrado.x + cuadrado.width > canvas.width || cuadrado.x < 0) {
        cuadrado.speedX = -cuadrado.speedX; // Rebota cuando golpea los límites laterales del canvas
      }

if (cuadrado.y < 0) {
        cuadrado.speedY = -cuadrado.speedY; // Rebota cuando golpea el límite superior del canvas
      }

requestAnimationFrame(draw);
    }
    
    draw();
  </script>
</body>
</html>