space exploration game with vfx's game

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

No:50613

115

←

Prev Next

→

space exploration game with vfx
Developer User21375｜Date and time 24/3/9 9:06:38
Build time 6.011 sec｜Game capacity 1.65KB｜

Script

This code creates a simple space exploration game where you control a blue player square using the arrow keys. The player can move left and right within the canvas boundaries. It's a basic game with room for improvements and additions, such as enemy objects, obstacles, and scoring mechanisms.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

```html
<!DOCTYPE html>
<html>

<head>
    <title>Space Exploration Game</title>
    <style>
        canvas {
            border: 5px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>

<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');
        let playerX = canvas.width / 2;
        let playerY = canvas.height - 50;

function drawPlayer() {
            ctx.fillStyle = 'blue';
            ctx.fillRect(playerX, playerY, 50, 50);
        }

function clearCanvas() {
            ctx.fillStyle = 'black';
            ctx.fillRect(0, 0, canvas.width, canvas.height);
        }

function updateGame() {
            clearCanvas();
            drawPlayer();
        }

function movePlayer(event) {
            const arrowRight = 39;
            const arrowLeft = 37;

if (event.keyCode === arrowRight && playerX < canvas.width - 50) {
                playerX += 10;
            } else if (event.keyCode === arrowLeft && playerX > 0) {
                playerX -= 10;
            }
        }

document.addEventListener('keydown', movePlayer);

setInterval(updateGame, 1000 / 60);
    </script>
</body>

</html>
```
This code creates a simple space exploration game where you control a blue player square using the arrow keys. The player can move left and right within the canvas boundaries. It's a basic game with room for improvements and additions, such as enemy objects, obstacles, and scoring mechanisms.