Defence against enemies's game

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

No:13585

←

Prev Next

→

Defence against enemies
Developer User5952｜Date and time 23/8/29 1:45:03
Build time 16.352 sec｜Game capacity 2.741KB｜

Script

Sure! Here's a simple game using pictograms where you defend against enemies:

In the above code, you will need to replace "emozi_all/player.png" and "emozi_all/enemy.png" with the actual file names of the pictogram images you want to use for the player and the enemy respectively. Remember to place those image files in the same directory as the HTML file. When the game starts, you can use the left and right arrow keys on your smartphone to move the player icon left and right. The objective is to avoid the enemy icon as it moves downwards. If the player collides with the enemy, a "Game Over" alert will be displayed. Feel free to modify and enhance the game as per your requirements and preferences.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple game using pictograms where you defend against enemies:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Defence Against Enemies</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        // Initialize canvas and context
        const canvas = document.getElementById("gameCanvas");
        const context = canvas.getContext("2d");

// Pictogram images
        const playerIcon = new Image();
        const enemyIcon = new Image();
        playerIcon.src = "player.png"; // Replace "player.png" with your player icon's file name
        enemyIcon.src = "enemy.png"; // Replace "enemy.png" with your enemy icon's file name

// Player position
        let playerX = canvas.width / 2;
        let playerY = canvas.height - 50;

// Enemy position
        let enemyX = 50;
        let enemyY = 50;

// Event listeners for player movement
        document.addEventListener("keydown", movePlayer);

function movePlayer(e) {
            if (e.key === "ArrowLeft") {
                playerX -= 10;
            } else if (e.key === "ArrowRight") {
                playerX += 10;
            }
        }

// Game loop
        function gameLoop() {
            // Clear canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            context.drawImage(playerIcon, playerX, playerY, 50, 50);

// Draw enemy
            context.drawImage(enemyIcon, enemyX, enemyY, 50, 50);

// Update enemy position
            enemyY += 5;

// Check collision
            if (playerX < enemyX + 50 &&
                playerX + 50 > enemyX &&
                playerY < enemyY + 50 &&
                playerY + 50 > enemyY) {
                // Player collided with enemy, game over
                alert("Game Over!"); // You can replace alert with your own game over logic
            }

// Repeat game loop
            requestAnimationFrame(gameLoop);
        }

// Start game loop
        gameLoop();
    </script>
</body>
</html>
```

In the above code, you will need to replace "player.png" and "enemy.png" with the actual file names of the pictogram images you want to use for the player and the enemy respectively. Remember to place those image files in the same directory as the HTML file.

When the game starts, you can use the left and right arrow keys on your smartphone to move the player icon left and right. The objective is to avoid the enemy icon as it moves downwards. If the player collides with the enemy, a "Game Over" alert will be displayed.

Feel free to modify and enhance the game as per your requirements and preferences.