Name: Drone Assault Arcade
Author: Souhail Sabri

About This Souhail Sabri Game

The Drone Assault Arcade Game is an interactive browser game project created by Souhail Sabri. This page is part of the official Souhail Sabri website and showcases a playable JavaScript canvas game with arcade-style action.

Souhail Sabri built this web game to demonstrate front-end development, browser-based interactivity, animation, keyboard controls, mouse aiming, collision detection, enemy behavior, and real-time scoring. The project combines creative game design with technical JavaScript programming.

Game Features

Browser-based JavaScript canvas gameplay
Drone and helicopter-style enemy combat
Keyboard movement and mouse aiming controls
Score tracking and wave progression
Replayable arcade-style action

Explore More from Souhail Sabri

How to Play Drone Assault Arcade

Use the keyboard to move your character across the battlefield and use the mouse to aim. The goal is to survive waves of enemy aircraft, shoot down drones and helicopters, and earn the highest score possible.

This Souhail Sabri arcade game runs directly in the browser, so no download is required. The game uses HTML5 canvas and JavaScript to draw the player, enemies, projectiles, explosions, score display, and game-over screen.

Drone Assault Arcade Source Code Preview

Below is a small preview of the JavaScript logic used in the Souhail Sabri Drone Assault Arcade Game.

// Drone Assault Arcade - Source Code Preview
// Project by Souhail Sabri

function shoot() {
  const cx = player.x + player.w / 2;
  const cy = player.y + 24;
  const angle = Math.atan2(mouse.y - cy, mouse.x - cx);

  bullets.push({
    x: cx,
    y: cy,
    vx: Math.cos(angle) * 16,
    vy: Math.sin(angle) * 16,
    r: 4,
    life: 180
  });
}

function update() {
  if (keys['a'] || keys['arrowleft']) player.vx = -player.speed;
  if (keys['d'] || keys['arrowright']) player.vx = player.speed;

  player.x += player.vx;
  player.y += player.vy;
}

function loop() {
  update();
  draw();
  requestAnimationFrame(loop);
}
loop();