AI game creator

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

No:45052

←

Prev Next

→

Управляя зелёный шарик может ходить только по сини..ALL
Developer User19457｜Date and time 24/2/20 3:35:56
Build time 9.373 sec｜Game capacity 2.192KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Игра "Зелёный шарик"</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

let playerX = 50;
    let playerY = 50;
    let victory = false;

function drawPlayer() {
      ctx.fillStyle = "green";
      ctx.beginPath();
      ctx.arc(playerX, playerY, 10, 0, 2 * Math.PI);
      ctx.fill();
    }

function drawMovingTiles() {
      ctx.fillStyle = "blue";
      ctx.fillRect(0, 200, 400, 20);
    }

function drawStar() {
      ctx.fillStyle = "yellow";
      ctx.beginPath();
      ctx.moveTo(200, 200);
      ctx.lineTo(215, 210);
      ctx.lineTo(220, 190);
      ctx.lineTo(225, 210);
      ctx.lineTo(240, 200);
      ctx.lineTo(225, 190);
      ctx.lineTo(240, 180);
      ctx.lineTo(220, 180);
      ctx.lineTo(215, 160);
      ctx.lineTo(210, 180);
      ctx.lineTo(190, 180);
      ctx.lineTo(205, 190);
      ctx.closePath();
      ctx.fill();
    }

function checkCollision() {
      if (playerY >= 200 && playerY <= 220) {
        if (playerX >= 200 && playerX <= 240) {
          victory = true;
        }
      }
    }

function drawGame() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();
      drawMovingTiles();
      drawStar();

checkCollision();

if (victory) {
        alert("Победа! Поздравляем!");
      } else {
        requestAnimationFrame(drawGame);
      }
    }

drawGame();
    document.addEventListener("keydown", movePlayer);
  </script>
</body>
</html>
```