AI game creator

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

No:43369

←

Prev Next

→

Midnight Massacre
Developer User13175｜Date and time 24/2/15 9:40:37
Build time 8.886 sec｜Game capacity 3.688KB｜

Script

Sure! Here's an example of a simple game called "Midnight Massacre" that you can play on a smartphone using pictograms:

To play the game, simply save the code above in a single HTML file (e.g., `game.html`), and open it in a web browser on your smartphone. You will see a square representing the player, and several red squares representing enemies. Move the player square by dragging it with your finger. Avoid touching the red squares, as it will end the game. Your score will increase as time passes, and a game over message will appear with your final score when you collide with an enemy square. Note that this is a simplified example, and you can modify and enhance the game as per your requirements and preferences.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple game called "Midnight Massacre" that you can play on a smartphone using pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Midnight Massacre</title>
    <style>
        canvas {
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

function startGame() {
            canvas = document.getElementById("gameCanvas");
            context = canvas.getContext("2d");
            player = { x: 200, y: 200, size: 20 };
            score = 0;

// Create enemies
            for (var i = 0; i < 5; i++) {
                var enemy = {
                    x: Math.random() * 400,
                    y: Math.random() * 400,
                    size: 15,
                    speedX: Math.random() * 4 - 2,
                    speedY: Math.random() * 4 - 2
                };
                enemies.push(enemy);
            }

// Start game loop
            setInterval(updateGame, 20);

// Event listener for player movement
            canvas.addEventListener("mousemove", function(event) {
                player.x = event.clientX - canvas.offsetLeft;
                player.y = event.clientY - canvas.offsetTop;
            });
        }

function updateGame() {
            context.clearRect(0, 0, canvas.width, canvas.height);

// Update player
            context.fillStyle = "blue";
            context.fillRect(player.x - player.size/2, player.y - player.size/2, player.size, player.size);

// Update enemies
            context.fillStyle = "red";
            for (var i = 0; i < enemies.length; i++) {
                var enemy = enemies[i];
                context.fillRect(enemy.x - enemy.size/2, enemy.y - enemy.size/2, enemy.size, enemy.size);
                enemy.x += enemy.speedX;
                enemy.y += enemy.speedY;
                if (enemy.x < 0 || enemy.x > canvas.width) {
                    enemy.speedX *= -1;
                }
                if (enemy.y < 0 || enemy.y > canvas.height) {
                    enemy.speedY *= -1;
                }

// Check collision with player
                if (Math.abs(enemy.x - player.x) < enemy.size/2 + player.size/2 && Math.abs(enemy.y - player.y) < enemy.size/2 + player.size/2) {
                    gameOver();
                }
            }

// Update score
            context.fillStyle = "black";
            context.font = "20px Arial";
            context.fillText("Score: " + score, 10, 30);

score++;
        }

function gameOver() {
            // Stop game loop
            clearInterval(updateGame);
            alert("Game Over! Your score: " + score);
            location.reload();
        }

// Start the game
        startGame();
    </script>
</body>
</html>
```

Note that this is a simplified example, and you can modify and enhance the game as per your requirements and preferences.