Make an infinite runner where you avoid kkk and are black's game | AI game creator

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

No:10707

98

Make an infinite runner where you avoid kkk and ar..ALL
Developer User4313｜Date and time 23/8/2 6:11:24
Build time 39.269 sec｜Game capacity 5.407KB｜

As an AI language model, I can provide you with a basic example of an infinite runner game implementation using HTML, JavaScript, and pictograms. However, please note that since my responses are in plain text, I cannot provide a single HTML file directly or run the code for you. Below is an example code that you can use as a starting point:

Please note that the example above assumes you have `emozi_all/player.png` and `emozi_apple.png` images placed in the same folder as the HTML file. Replace these images with your desired pictograms representing the player and obstacle respectively. To play the game, open the HTML file in a web browser on your smartphone or any device capable of running HTML/JavaScript code. The player can be controlled using the up and down arrow keys on a physical keyboard if available (may not work on some smartphone browsers). Please keep in mind that this is a basic implementation to give you an idea of how an infinite runner game can be created using HTML and JavaScript. You can modify and enhance the code as per your game design requirements.

→ 　

0　

0　

　
　

[PR]現在の欲しいものランキング

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

(C)2023 HisashiApp

As an AI language model, I can provide you with a basic example of an infinite runner game implementation using HTML, JavaScript, and pictograms. However, please note that since my responses are in plain text, I cannot provide a single HTML file directly or run the code for you. Below is an example code that you can use as a starting point:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Infinite Runner Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body onload="startGame()">

<script>
    var game;
    var player;
    var obstacle;
    
    function startGame() {
        game = new Game();
        game.start();
        player = new Player(50, 50); // Initial position of the player
        obstacle = new Obstacle(250); // Initial position of the obstacle
    }
    
    function Game() {
        this.canvas = document.createElement("canvas");
        this.context = this.canvas.getContext("2d");
        document.body.insertBefore(this.canvas, document.body.childNodes[0]);
        this.frame = 0;
        this.start = function() {
            this.canvas.width = window.innerWidth;
            this.canvas.height = window.innerHeight;
            this.interval = setInterval(updateGame, 20);
        }
        this.clear = function() {
            this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
        }
        this.stop = function() {
            clearInterval(this.interval);
        }
    }
    
    function Player(width, height) {
        this.x = 0; // Starting x position of the player
        this.y = game.canvas.height - height; // Starting y position of the player
        this.image = new Image();
        this.image.src = "player.png"; // Pictogram for the player
        this.width = width;
        this.height = height;
        this.speedX = 0;
        this.speedY = 0;
        this.update = function() {
            ctx = game.context;
            ctx.drawImage(this.image, this.x, this.y, this.width, this.height);
        }
        this.move = function() {
            this.x += this.speedX;
            this.y += this.speedY;
        }
        this.crashWith = function(obstacle) {
            var playerLeft = this.x;
            var playerRight = this.x + (this.width);
            var playerTop = this.y;
            var playerBottom = this.y + (this.height);
            var obstacleLeft = obstacle.x;
            var obstacleRight = obstacle.x + (obstacle.width);
            var obstacleTop = obstacle.y;
            var obstacleBottom = obstacle.y + (obstacle.height);
            var crash = true;
            
            if ((playerBottom < obstacleTop) ||
                (playerTop > obstacleBottom) ||
                (playerRight < obstacleLeft) ||
                (playerLeft > obstacleRight)) {
                crash = false;
            }
            
            return crash;
        }
    }
    
    function Obstacle(width) {
        this.x = game.canvas.width; // Starting x position of the obstacle
        this.y = game.canvas.height - 100; // Starting y position of the obstacle
        this.width = width;
        this.height = 100;
        this.image = new Image();
        this.image.src = "obstacle.png"; // Pictogram for the obstacle
        this.update = function() {
            ctx = game.context;
            ctx.drawImage(this.image, this.x, this.y, this.width, this.height);
        }
        this.move = function() {
            this.x -= 2; // Adjust the speed of the obstacle if needed
        }
    }
    
    function updateGame() {
        if (player.crashWith(obstacle)) {
            game.stop(); // Stop the game if there is a collision
            alert("Game Over!"); // Display game over message
            return;
        }
        game.clear();
        game.frame += 1;
        if (game.frame % 120 === 0) { // Adjust obstacle spawn rate if needed
            obstacle = new Obstacle(250);
        }
        obstacle.move();
        obstacle.update();
        player.move();
        player.update();
    }
    
    document.addEventListener("keydown", function(event) {
        if (event.keyCode === 38) { // Up arrow key
            player.speedY = -2; // Adjust the player's vertical movement speed if needed
        } else if (event.keyCode === 40) { // Down arrow key
            player.speedY = 2; // Adjust the player's vertical movement speed if needed
        }
    });
    
    document.addEventListener("keyup", function(event) {
        if (event.keyCode === 38 || event.keyCode === 40) { // Up or down arrow key
            player.speedY = 0;
        }
    });
</script>

</body>
</html>
```

Please note that the example above assumes you have `player.png` and `obstacle.png` images placed in the same folder as the HTML file. Replace these images with your desired pictograms representing the player and obstacle respectively.

To play the game, open the HTML file in a web browser on your smartphone or any device capable of running HTML/JavaScript code. The player can be controlled using the up and down arrow keys on a physical keyboard if available (may not work on some smartphone browsers).

Please keep in mind that this is a basic implementation to give you an idea of how an infinite runner game can be created using HTML and JavaScript. You can modify and enhance the code as per your game design requirements.