AI game creator

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

No:42503

104

←

Prev Next

→

Shooting Game
Developer User18878｜Date and time 24/2/11 21:26:14
Build time 8.451 sec｜Game capacity 2.456KB｜

Script

Sure! Here's a single HTML file for a simple shooting game using pictograms and JavaScript:

In this simple shooting game, the player is represented by a blue rectangle that can be moved left and right using the arrow keys or left/right keys on a smartphone. The game loop continuously updates the screen by clearing it and redrawing the player. You can further enhance the game by adding shooting mechanics, enemies, and scoring systems.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a single HTML file for a simple shooting game using pictograms and JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Shooting Game</title>
    <style>
        canvas {
            border: 1px solid black;
            background-color: lightgray;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

let playerX = canvas.width / 2;
        const playerY = canvas.height - 50;
        const playerSize = 30;
        let leftPressed = false;
        let rightPressed = false;

document.addEventListener('keydown', keyDownHandler, false);
        document.addEventListener('keyup', keyUpHandler, false);

function keyDownHandler(event) {
            if (event.key === 'Left' || event.key === 'ArrowLeft') {
                leftPressed = true;
            } else if (event.key === 'Right' || event.key === 'ArrowRight') {
                rightPressed = true;
            }
        }

function keyUpHandler(event) {
            if (event.key === 'Left' || event.key === 'ArrowLeft') {
                leftPressed = false;
            } else if (event.key === 'Right' || event.key === 'ArrowRight') {
                rightPressed = false;
            }
        }

function drawPlayer() {
            ctx.beginPath();
            ctx.rect(playerX, playerY, playerSize, playerSize);
            ctx.fillStyle = 'blue';
            ctx.fill();
            ctx.closePath();
        }

function movePlayer() {
            if (leftPressed && playerX > 0) {
                playerX -= 5;
            } else if (rightPressed && playerX < canvas.width - playerSize) {
                playerX += 5;
            }
        }

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

setInterval(draw, 10);
    </script>
</body>
</html>
```

In this simple shooting game, the player is represented by a blue rectangle that can be moved left and right using the arrow keys or left/right keys on a smartphone. The game loop continuously updates the screen by clearing it and redrawing the player. 
You can further enhance the game by adding shooting mechanics, enemies, and scoring systems.