A game where you avoid bullets like the matrix movie's game

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

No:30767

←

Prev Next

→

A game where you avoid bullets like the matrix mov..ALL
Developer User14934｜Date and time 23/12/24 3:42:14
Build time 17.941 sec｜Game capacity 4.047KB｜

Script

Sure! Here's an example of a simple game where you control a character and avoid bullets, inspired by the Matrix movie. I've implemented it as a single HTML file, enclosed in script tags, and written in JavaScript. You can play this game on a smartphone, and I've used pictograms for the character and bullets. Enjoy!

To run this game, save the HTML code above into a file (e.g., matrix_game.html). Then, you'll need to create the character.png and bullet.png images (place them in the same directory as the HTML file), and adjust the image file names in the JavaScript code accordingly. You can now open the matrix_game.html file on your smartphone's web browser and start playing the game. Tilt your device to move the character and avoid the bullets. Your score will increase until a bullet hits the character, at which point the game will end.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Matrix Bullet Dodge Game</title>
</head>
<body>
    <script>
        // Game variables
        var character, bullets, score;
        var gameWidth, gameHeight;
        var isGameOver;

// Initialize the game
        function initGame() {
            character = { x: 0, y: 0 };  // Character coordinates
            bullets = [];  // Array to store bullets
            score = 0;
            gameWidth = window.innerWidth;
            gameHeight = window.innerHeight;
            isGameOver = false;

// Update character position based on device tilt
            window.addEventListener("deviceorientation", function(event) {
                character.x = gameWidth / 2 + 2 * event.gamma;
                character.y = gameHeight / 2 + 2 * event.beta;
            }, true);

// Create bullets at regular intervals
            setInterval(function() {
                if (!isGameOver) {
                    createBullet();
                }
            }, 1000);

// Start game loop
            setInterval(updateGame, 1000 / 60);
        }

// Create a new bullet
        function createBullet() {
            var bullet = { x: Math.random() * gameWidth, y: 0 };
            bullets.push(bullet);
        }

// Update game state
        function updateGame() {
            if (!isGameOver) {
                // Clear the game canvas
                var canvas = document.createElement("canvas");
                canvas.width = gameWidth;
                canvas.height = gameHeight;
                var context = canvas.getContext("2d");
                context.clearRect(0, 0, gameWidth, gameHeight);

// Draw character
                var characterImage = new Image();
                characterImage.src = "character.png";
                context.drawImage(characterImage, character.x - 50, character.y - 50, 100, 100);

// Update and draw bullets
                var bulletImage = new Image();
                bulletImage.src = "bullet.png";
                bullets.forEach(function(bullet) {
                    bullet.y += 5;  // Bullet speed
                    context.drawImage(bulletImage, bullet.x - 20, bullet.y - 20, 40, 40);

// Check for collision with character
                    if (bullet.y >= character.y - 50 && bullet.y <= character.y + 50 &&
                        bullet.x >= character.x - 50 && bullet.x <= character.x + 50) {
                        endGame();
                    }
                });

// Draw score
                context.font = "30px Arial";
                context.fillText("Score: " + score, 20, 40);

// Replace the current game canvas with the updated one
                document.body.innerHTML = "";
                document.body.appendChild(canvas);

score += 1;  // Increase score
            }
        }

// Game over
        function endGame() {
            isGameOver = true;
            alert("Game Over! Your score: " + score);
        }

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

To run this game, save the HTML code above into a file (e.g., matrix_game.html). Then, you'll need to create the character.png and bullet.png images (place them in the same directory as the HTML file), and adjust the image file names in the JavaScript code accordingly.

You can now open the matrix_game.html file on your smartphone's web browser and start playing the game. Tilt your device to move the character and avoid the bullets. Your score will increase until a bullet hits the character, at which point the game will end.