AI game creator

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

No:21856

←

Prev Next

→

Touhou shoot em up
Developer User10091｜Date and time 23/10/18 20:03:53
Build time 58.418 sec｜Game capacity 3.681KB｜

Script

Sure! Here's a simple implementation of a Touhou shoot 'em up game using HTML, JavaScript, and pictograms:

In this game, you control a player character represented by a pictogram moving horizontally with the arrow keys. Pressing the spacebar shoots bullets from the player character. The game loop continuously redraws the canvas and moves the player and bullets accordingly. Please note that you'll need to replace `"emozi_all/player.png"` and `"emozi_apple.png"` with the actual image paths to the pictograms you want to use for the player and bullets. Hope you enjoy playing the game!

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple implementation of a Touhou shoot 'em up game using HTML, JavaScript, and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Touhou Shoot 'Em Up</title>
    <style>
        #gameCanvas {
            width: 100%;
            height: 100vh;
            background-color: black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Player object
        const player = {
            x: canvas.width / 2,
            y: canvas.height - 30,
            width: 32,
            height: 32
        };

// Bullets array
        let bullets = [];

// Event listeners for player movement
        document.addEventListener("keydown", keyDownHandler, false);
        document.addEventListener("keyup", keyUpHandler, false);

let rightPressed = false;
        let leftPressed = false;

function keyDownHandler(event) {
            if (event.key === "ArrowRight") {
                rightPressed = true;
            } else if (event.key === "ArrowLeft") {
                leftPressed = true;
            }
        }

function keyUpHandler(event) {
            if (event.key === "ArrowRight") {
                rightPressed = false;
            } else if (event.key === "ArrowLeft") {
                leftPressed = false;
            }
        }

function drawPlayer() {
            const playerIcon = new Image();
            playerIcon.src = "player.png";
            ctx.drawImage(playerIcon, player.x, player.y, player.width, player.height);
        }

function drawBullets() {
            for (let i = 0; i < bullets.length; i++) {
                const bulletIcon = new Image();
                bulletIcon.src = "bullet.png";
                ctx.drawImage(bulletIcon, bullets[i].x, bullets[i].y, bullets[i].width, bullets[i].height);
            }
        }

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

function shootBullet() {
            const bullet = {
                x: player.x + player.width / 2,
                y: player.y,
                width: 8,
                height: 8
            };
            bullets.push(bullet);
        }

function drawGame() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();
            drawBullets();

movePlayer();
            moveBullets();

requestAnimationFrame(drawGame);
        }

document.addEventListener("keydown", function (event) {
            if (event.code === "Space") {
                shootBullet();
            }
        });

drawGame();
    </script>
</body>
</html>
```

Please note that you'll need to replace `"player.png"` and `"bullet.png"` with the actual image paths to the pictograms you want to use for the player and bullets.

Hope you enjoy playing the game!