Make a game where you must dodge bullets for as long as possible with a square that follows where you touch on the screen's game

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

No:52126

156

←

Prev Next

→

Make a game where you must dodge bullets for as lo..ALL
Developer User21762｜Date and time 24/3/18 0:24:48
Build time 6.628 sec｜Game capacity 1.723KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<html>
  <head>
    <style>
      canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
      const canvas = document.getElementById('gameCanvas');
      const ctx = canvas.getContext('2d');
      let playerX = 200;
      let playerY = 200;
      let bulletX = Math.random() * 400;
      let bulletY = Math.random() * 400;
      let gameOver = false;

canvas.addEventListener('touchmove', (event) => {
        playerX = event.touches[0].pageX - canvas.offsetLeft;
        playerY = event.touches[0].pageY - canvas.offsetTop;
      });

function drawPlayer() {
        ctx.fillStyle = 'blue';
        ctx.fillRect(playerX - 10, playerY - 10, 20, 20);
      }

function drawBullet() {
        ctx.fillStyle = 'red';
        ctx.fillRect(bulletX - 5, bulletY - 5, 10, 10);
      }

function moveBullet() {
        bulletX += 2;
        bulletY += 2;
        if (bulletX > 400 || bulletY > 400) {
          bulletX = Math.random() * 400;
          bulletY = Math.random() * 400;
        }
      }

function checkCollision() {
        if (Math.abs(playerX - bulletX) < 15 && Math.abs(playerY - bulletY) < 15) {
          gameOver = true;
        }
      }

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