A 3d game with player controls's game

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

No:52668

147

←

Prev Next

→

A 3d game with player controls
Developer User22097｜Date and time 24/3/24 1:21:34
Build time 4.729 sec｜Game capacity 1.201KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

// Create a canvas element for the game
var canvas = document.createElement('canvas');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
document.body.appendChild(canvas);
var ctx = canvas.getContext('2d');

// Define player position and size
var player = {
  x: canvas.width / 2,
  y: canvas.height / 2,
  size: 20
};

// Function to draw the player on the canvas
function drawPlayer() {
  ctx.fillStyle = 'red';
  ctx.fillRect(player.x - player.size / 2, player.y - player.size / 2, player.size, player.size);
}

// Function to update player position based on user input
function movePlayer(event) {
  switch(event.key) {
    case 'ArrowUp':
      player.y -= 5;
      break;
    case 'ArrowDown':
      player.y += 5;
      break;
    case 'ArrowLeft':
      player.x -= 5;
      break;
    case 'ArrowRight':
      player.x += 5;
      break;
  }
}

// Event listener for keyboard input
window.addEventListener('keydown', movePlayer);

// Game loop to continuously update and redraw the canvas
function gameLoop() {
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  drawPlayer();
  requestAnimationFrame(gameLoop);
}

// Start the game loop
gameLoop();

</script>