A space ship shooter attscking aliens in space. Move with joystich and shoot with gun icon's game

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

No:25840

101

←

Prev Next

→

A space ship shooter attscking aliens in space. Mo..ALL
Developer User12686｜Date and time 23/11/25 1:36:36
Build time 138.764 sec｜Game capacity 4.327KB｜

Script

Sure! Here's an example of a simple space ship shooter game implemented as a single HTML file, using JavaScript and enclosed in script tags. The game will allow the player to control a space ship using a joystick-like control to move around and a gun icon to shoot at the attacking aliens in space. You can view and play the game on a smartphone.

Please note that this code provides the basic structure for a space ship shooter game and includes the implementation of the joystick-like control for movement and a gun icon. However, it does not include the complete functionality of a full-fledged game with attacking aliens or shooting capability. You can build upon this foundation to add more features and game mechanics to make it a fully functional game.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Space Ship Shooter</title>
  <style>
    canvas {
      border: 1px solid black;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    // Game variables
    var canvas, context;
    var ship, aliens, bullets;
    var joystick, gunIcon;

// Initialize the game
    function init() {
      canvas = document.getElementById('gameCanvas');
      context = canvas.getContext('2d');

// Create space ship
      ship = {
        x: canvas.width / 2,
        y: canvas.height / 2,
        width: 30,
        height: 30,
        color: 'blue',
        speed: 5,
        draw: function() {
          context.fillStyle = this.color;
          context.fillRect(this.x, this.y, this.width, this.height);
        },
        update: function() {
          // Update ship position based on joystick
          this.x += joystick.x * this.speed;
          this.y += joystick.y * this.speed;
        }
      };

// Create aliens
      aliens = [];

// Create bullets
      bullets = [];

// Create joystick
      joystick = {
        x: 0,
        y: 0,
        draw: function() {
          context.fillStyle = 'gray';
          context.beginPath();
          context.arc(canvas.width - 40, canvas.height - 40, 30, 0, 2 * Math.PI);
          context.fill();
        }
      };

// Create gun icon
      gunIcon = {
        draw: function() {
          context.fillStyle = 'black';
          context.fillRect(canvas.width - 60, canvas.height - 80, 40, 60);
        }
      };

// Event listeners for touch events
      canvas.addEventListener('touchstart', handleTouchStart, false);
      canvas.addEventListener('touchmove', handleTouchMove, false);

// Start game loop
      setInterval(update, 10);
    }

// Update game objects and draw them on the canvas
    function update() {
      context.clearRect(0, 0, canvas.width, canvas.height);

ship.update();

ship.draw();
      joystick.draw();
      gunIcon.draw();
    }

// Handle touch start event
    function handleTouchStart(event) {
      var touch = event.touches[0];
      var x = touch.clientX;
      var y = touch.clientY;

// Check if touch is within joystick
      if (x > canvas.width - 70 && x < canvas.width - 10 && y > canvas.height - 70 && y < canvas.height - 10) {
        // Calculate joystick direction
        joystick.x = (x - canvas.width + 40) / 30;
        joystick.y = (y - canvas.height + 40) / 30;

// Limit joystick movement
        if (joystick.x > 1) joystick.x = 1;
        if (joystick.x < -1) joystick.x = -1;
        if (joystick.y > 1) joystick.y = 1;
        if (joystick.y < -1) joystick.y = -1;
      }
    }

// Handle touch move event
    function handleTouchMove(event) {
      var touch = event.touches[0];
      var x = touch.clientX;
      var y = touch.clientY;

// Start the game
    init();
  </script>
</body>
</html>
```