In this game you are a player you are a red circle moving around automatically use the arrow keys to change your direction when he hits the border he will bounce back and also some walls that you have to be careful of's game

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

No:47083

106

←

Prev Next

→

In this game you are a player you are a red circle..ALL
Developer User15380｜Date and time 24/2/27 7:47:27
Build time 5.96 sec｜Game capacity 1.343KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Auto Moving Player Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400" style="border:1px solid black;"></canvas>

let playerX = canvas.width / 2;
    let playerY = canvas.height / 2;
    let dx = 2;
    let dy = 2;

function drawPlayer() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      ctx.beginPath();
      ctx.arc(playerX, playerY, 10, 0, Math.PI*2);
      ctx.fillStyle = "red";
      ctx.fill();
      ctx.closePath();
    }

function movePlayer() {
      playerX += dx;
      playerY += dy;

if(playerX < 10 || playerX > canvas.width - 10) {
        dx = -dx;
      }

if(playerY < 10 || playerY > canvas.height - 10) {
        dy = -dy;
      }

drawPlayer();
    }

setInterval(movePlayer, 10);