AI game creator

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

No:9537

122

←

Prev Next

→

A spaceship story
Developer User4380｜Date and time 23/7/26 0:57:08
Build time 12.443 sec｜Game capacity 2.374KB｜

Script

Sure! Here's an example of a simple spaceship game implemented as a single HTML file with JavaScript:

This game creates a canvas element where the spaceship is drawn as a rectangle. The spaceship can be controlled using the left and right arrow keys. The game loop continuously redraws the spaceship and checks for movement inputs from the player. You can further enhance the game by adding enemies, projectiles, and scoring mechanisms if desired.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple spaceship game implemented as a single HTML file with JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Spaceship Game</title>
    <style>
        body {
            background-color: #000;
            margin: 0;
        }
        canvas {
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>
</body>
<script>
    // Spaceship Game
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");

// Spaceship object
    var spaceship = {
        x: canvas.width / 2,
        y: canvas.height - 30,
        width: 50,
        height: 50,
        speed: 5,
        moveLeft: false,
        moveRight: false
    };

// Event listeners for controlling the spaceship
    document.addEventListener("keydown", keyDownHandler, false);
    document.addEventListener("keyup", keyUpHandler, false);

function keyDownHandler(event) {
        if (event.key === "ArrowLeft") {
            spaceship.moveLeft = true;
        } else if (event.key === "ArrowRight") {
            spaceship.moveRight = true;
        }
    }

function keyUpHandler(event) {
        if (event.key === "ArrowLeft") {
            spaceship.moveLeft = false;
        } else if (event.key === "ArrowRight") {
            spaceship.moveRight = false;
        }
    }

// Game loop
    function draw() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw the spaceship
        ctx.fillStyle = "#ffffff";
        ctx.fillRect(spaceship.x, spaceship.y, spaceship.width, spaceship.height);

// Move the spaceship
        if (spaceship.moveLeft && spaceship.x > 0) {
            spaceship.x -= spaceship.speed;
        }
        if (spaceship.moveRight && spaceship.x + spaceship.width < canvas.width) {
            spaceship.x += spaceship.speed;
        }

requestAnimationFrame(draw);
    }

// Start the game loop
    draw();
</script>
</html>
```