War of the toilet and happy emoji's game

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

No:21723

168

←

Prev Next

→

War of the toilet and happy emoji
Developer User10013｜Date and time 23/10/17 20:32:39
Build time 107.632 sec｜Game capacity 3.326KB｜

Script

Sure! Here's a simple JavaScript game called "War of the Toilet and Happy Emoji" that can be played in a web browser, specifically designed for smartphone operation. It involves two characters, a toilet and a happy emoji, battling against each other. Pictograms will be used to represent the characters. Please note that the actual game logic and design can be further enhanced based on your requirements and preferences.

To play the game on a smartphone, simply open the HTML file in a web browser that supports JavaScript. The game canvas will be displayed, and you can control the toilet character using the arrow keys on your smartphone keyboard. The happy emoji character will move randomly. The objective of the game can be defined based on your preferences, such as capturing the emoji or avoiding collisions.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>War of the Toilet and Happy Emoji</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Characters
        var toilet = { x: 50, y: 150, width: 50, height: 50, speed: 5 };
        var emoji = { x: 300, y: 150, width: 50, height: 50, speed: 5 };

// Game Loop
        function updateGame() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

moveCharacter(toilet);
            moveCharacter(emoji);

drawCharacter(toilet, "🚽");
            drawCharacter(emoji, "😊");

requestAnimationFrame(updateGame);
        }

// Move Characters
        function moveCharacter(character) {
            if (character === toilet) {
                if (keys.up && character.y > 0) character.y -= character.speed;
                if (keys.down && character.y < canvas.height - character.height) character.y += character.speed;
                if (keys.left && character.x > 0) character.x -= character.speed;
                if (keys.right && character.x < canvas.width - character.width) character.x += character.speed;
            } else if (character === emoji) {
                var direction = Math.floor(Math.random() * 4);
                if (direction === 0 && character.y > 0) character.y -= character.speed;
                if (direction === 1 && character.y < canvas.height - character.height) character.y += character.speed;
                if (direction === 2 && character.x > 0) character.x -= character.speed;
                if (direction === 3 && character.x < canvas.width - character.width) character.x += character.speed;
            }
        }

// Draw Characters
        function drawCharacter(character, symbol) {
            ctx.font = "36px sans-serif";
            ctx.fillText(symbol, character.x, character.y);
        }

// Keyboard Input Handling
        var keys = {};

document.addEventListener("keydown", function (event) {
            keys[event.key] = true;
        });

document.addEventListener("keyup", function (event) {
            keys[event.key] = false;
        });

// Start the Game
        updateGame();
    </script>
</body>
</html>
```