make a action scary game's game | AI game creator

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

No:26120

72

make a action scary game
Developer User12864｜Date and time 23/11/27 3:49:12
Build time 46.17 sec｜Game capacity 4.612KB｜

Sure! Here's a simple action game implemented as a single HTML file using JavaScript. It is designed to be played on a smartphone and includes pictograms to enhance the gameplay experience. Note: This is just a basic example to get you started. You can modify and enhance it as per your requirements.

To use this code, create two image files named "emozi_all/player.png" and "emozi_all/enemy.png" and place them in the same directory as the HTML file. The game starts with a player character represented by a pictogram. The objective is to avoid collision with the enemy character moving from left to right. Touch controls are used to move the player character up and down. If the player collides with the enemy, the game ends with a "Game Over!" message. Feel free to modify and improve the game as per your preferences.

→ 　

0　

0　

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

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

(C)2023 HisashiApp

Sure! Here's a simple action game implemented as a single HTML file using JavaScript. It is designed to be played on a smartphone and includes pictograms to enhance the gameplay experience.

Note: This is just a basic example to get you started. You can modify and enhance it as per your requirements.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Scary Action Game</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        
        canvas {
            background-color: #000;
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

<script>
        // Game variables
        var canvas, context, player, enemy, isGameOver;
        
        // Pictograms
        var playerImage = new Image();
        playerImage.src = "player.png";
        
        var enemyImage = new Image();
        enemyImage.src = "enemy.png";
        
        // Initialize the game
        function initialize() {
            canvas = document.getElementById("gameCanvas");
            context = canvas.getContext("2d");
            
            canvas.width = window.innerWidth;
            canvas.height = window.innerHeight;
            
            player = {
                x: canvas.width / 2,
                y: canvas.height / 2,
                size: 50,
                speed: 5,
                direction: null
            };
            
            enemy = {
                x: 0,
                y: 0,
                size: 50,
                speed: 2
            };
            
            isGameOver = false;
            
            // Add event listeners for touch controls
            document.addEventListener("touchstart", handleTouchStart, false);
            document.addEventListener("touchend", handleTouchEnd, false);
            
            // Start the game loop
            gameLoop();
        }
        
        // Update game objects
        function update() {
            if (isGameOver) return;
            
            // Update player position based on touch controls
            if (player.direction === "up") {
                player.y -= player.speed;
            } else if (player.direction === "down") {
                player.y += player.speed;
            } else if (player.direction === "left") {
                player.x -= player.speed;
            } else if (player.direction === "right") {
                player.x += player.speed;
            }
            
            // Update enemy position
            enemy.x += enemy.speed;
            
            // Check for collision between player and enemy
            if (
                player.x < enemy.x + enemy.size &&
                player.x + player.size > enemy.x &&
                player.y < enemy.y + enemy.size &&
                player.y + player.size > enemy.y
            ) {
                gameOver();
            }
        }
        
        // Draw game objects
        function draw() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            
            // Draw player
            context.drawImage(playerImage, player.x, player.y, player.size, player.size);
            
            // Draw enemy
            context.drawImage(enemyImage, enemy.x, enemy.y, enemy.size, enemy.size);
        }
        
        // Game loop
        function gameLoop() {
            update();
            draw();
            
            requestAnimationFrame(gameLoop);
        }
        
        // Game over
        function gameOver() {
            isGameOver = true;
            alert("Game Over!");
        }
        
        // Handle touch start event
        function handleTouchStart(event) {
            player.direction = "up";
        }
        
        // Handle touch end event
        function handleTouchEnd(event) {
            player.direction = null;
        }
        
        // Initialize the game on load
        window.onload = initialize;

</script>
</body>
</html>
```

To use this code, create two image files named "player.png" and "enemy.png" and place them in the same directory as the HTML file.

The game starts with a player character represented by a pictogram. The objective is to avoid collision with the enemy character moving from left to right. Touch controls are used to move the player character up and down. If the player collides with the enemy, the game ends with a "Game Over!" message.

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