AI game creator

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

No:16138

210

←

Prev Next

→

Hey space game
Developer User7163｜Date and time 23/9/16 10:55:55
Build time 19.452 sec｜Game capacity 2.609KB｜

Script

Sure! Here's an example of a simple space game implemented as a single HTML file using JavaScript and enclosed in script tags:

This game features a player controlled by the arrow keys on a smartphone. The player is represented by a rectangle and can move horizontally within the canvas. The game loop continuously redraws the canvas and updates the player's position based on the arrow key inputs. You can add further features to the game, such as enemies, bullets, or scoring systems, based on your specific requirements.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple space game implemented as a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Space Game</title>
    <style>
      canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
      // Space Game
      var canvas = document.getElementById("gameCanvas");
      var ctx = canvas.getContext("2d");

// Player object
      var player = {
        x: canvas.width/2,
        y: canvas.height - 30,
        size: 20
      };

// Control player movement
      document.addEventListener("keydown", keyDownHandler, false);
      document.addEventListener("keyup", keyUpHandler, false);
      
      var rightPressed = false;
      var leftPressed = false;
      
      function keyDownHandler(e) {
          if(e.key == "Right" || e.key == "ArrowRight") {
              rightPressed = true;
          }
          else if(e.key == "Left" || e.key == "ArrowLeft") {
              leftPressed = true;
          }
      }
      
      function keyUpHandler(e) {
          if(e.key == "Right" || e.key == "ArrowRight") {
              rightPressed = false;
          }
          else if(e.key == "Left" || e.key == "ArrowLeft") {
              leftPressed = false;
          }
      }

// Game loop
      function draw() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        
        // Draw player
        ctx.beginPath();
        ctx.rect(player.x, player.y, player.size, player.size);
        ctx.fillStyle = "#0095DD";
        ctx.fill();
        ctx.closePath();
        
        // Move player
        if(rightPressed) {
            player.x += 5;
            if (player.x + player.size > canvas.width) {
              player.x = canvas.width - player.size;
            }
        }
        else if(leftPressed) {
            player.x -= 5;
            if (player.x < 0) {
              player.x = 0;
            }
        }
        
        requestAnimationFrame(draw);
      }
      
      // Start the game loop
      draw();
    </script>
  </body>
</html>
```

You can add further features to the game, such as enemies, bullets, or scoring systems, based on your specific requirements.