AI game creator

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

No:36598

←

Prev Next

→

Shooting game
Developer User16838｜Date and time 24/1/18 1:29:19
Build time 11.599 sec｜Game capacity 2.426KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

// Set the canvas size and append it to the body of the document
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
document.body.appendChild(canvas);

// Create the player object
var player = {
  x: canvas.width / 2, // Initial position in the center of the canvas
  y: canvas.height - 50,
  width: 50,
  height: 50,
  color: 'blue',
  speed: 5 // Speed of player movement
};

// Create an array to hold the bullets
var bullets = [];

// Create bullet object
function Bullet(x, y) {
  this.x = x;
  this.y = y;
  this.width = 10;
  this.height = 10;
  this.color = 'red';
  this.speed = 10; // Speed of bullet movement
}

// Add event listener for player movement
document.addEventListener('keydown', function(event) {
  if (event.keyCode === 37) { // Left arrow key
    player.x -= player.speed;
  } else if (event.keyCode === 39) { // Right arrow key
    player.x += player.speed;
  } else if (event.keyCode === 32) { // Space bar key
    bulletShoot();
  }
});

// Function to shoot a bullet
function bulletShoot() {
  var bulletX = player.x + player.width / 2 - 5; // Position the bullet at the center of the player
  var bulletY = player.y;
  var newBullet = new Bullet(bulletX, bulletY); // Create a new bullet object
  bullets.push(newBullet); // Add the bullet to the bullets array
}

// Function to update game logic
function update() {
  // Move bullets
  for (var i = 0; i < bullets.length; i++) {
    var bullet = bullets[i];
    bullet.y -= bullet.speed;
    
    // Check if bullet hits the top of the canvas
    if (bullet.y < 0) {
      bullets.splice(i, 1); // Remove bullet from the array
      i--;
    }
  }
  
  // Draw player
  context.fillStyle = player.color;
  context.fillRect(player.x, player.y, player.width, player.height);
  
  // Draw bullets
  for (var i = 0; i < bullets.length; i++) {
    var bullet = bullets[i];
    context.fillStyle = bullet.color;
    context.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
  }
}

// Function to render the game
function render() {
  // Clear the canvas before drawing
  context.clearRect(0, 0, canvas.width, canvas.height);
  
  // Call the update function
  update();
  
  // Request the next frame
  requestAnimationFrame(render);
}

// Start the game rendering
render();
</script>