A balancing game, where two emojis were bouncing all around until they get hooked into the ring of emojis 50,000 times's game

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

No:14553

←

Prev Next

→

A balancing game, where two emojis were bouncing a..ALL
Developer User6282｜Date and time 23/9/3 3:22:42
Build time 37.894 sec｜Game capacity 4.824KB｜

Script

Sure! Here's a simple game called "Emoji Balancer" implemented as a single HTML file using JavaScript and enclosed in script tags. The game involves two emojis bouncing around until they get hooked into the ring of emojis 50,000 times. You can play it on a smartphone. Let's get started!

To play the game, simply copy the entire code into a single HTML file and open it in a web browser on your smartphone. You'll see two emojis bouncing around the canvas. Your goal is to hook them both into the ring at the center of the screen 50,000 times. The score will be displayed on the top left corner of the screen. Once you reach the target score, an alert will congratulate you on winning the game. Have fun playing the Emoji Balancer game!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Emoji Balancer</title>
    <style>
        #gameCanvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>

var emojiRadius = 25;
        var ringRadius = 150;

var emoji1 = {
            x: canvas.width / 2 - emojiRadius,
            y: canvas.height / 2 - emojiRadius,
            dx: getRandomVelocity(),
            dy: getRandomVelocity(),
            color: getRandomColor()
        };

var emoji2 = {
            x: canvas.width / 2 + emojiRadius,
            y: canvas.height / 2 + emojiRadius,
            dx: getRandomVelocity(),
            dy: getRandomVelocity(),
            color: getRandomColor()
        };

var score = 0;

// Game loop
        function gameLoop() {
            context.clearRect(0, 0, canvas.width, canvas.height);

// Update the positions of the emojis
            emoji1.x += emoji1.dx;
            emoji1.y += emoji1.dy;

emoji2.x += emoji2.dx;
            emoji2.y += emoji2.dy;

// Bounce the emojis off the walls
            if (emoji1.x < emojiRadius || emoji1.x > canvas.width - emojiRadius) {
                emoji1.dx = -emoji1.dx;
            }

if (emoji1.y < emojiRadius || emoji1.y > canvas.height - emojiRadius) {
                emoji1.dy = -emoji1.dy;
            }

if (emoji2.x < emojiRadius || emoji2.x > canvas.width - emojiRadius) {
                emoji2.dx = -emoji2.dx;
            }

if (emoji2.y < emojiRadius || emoji2.y > canvas.height - emojiRadius) {
                emoji2.dy = -emoji2.dy;
            }

// Check if the emojis are hooked into the ring
            if (isHooked()) {
                emoji1.color = getRandomColor();
                emoji2.color = getRandomColor();
                score++;
                if (score === 50000) {
                    alert("Congratulations! You hooked the emojis into the ring 50,000 times!");
                    score = 0;
                }
            }

// Draw the emojis
            drawEmoji(emoji1);
            drawEmoji(emoji2);

// Draw the ring
            context.beginPath();
            context.arc(canvas.width / 2, canvas.height / 2, ringRadius, 0, Math.PI * 2, false);
            context.lineWidth = 5;
            context.strokeStyle = "black";
            context.stroke();

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

requestAnimationFrame(gameLoop);
        }

// Function to draw an emoji
        function drawEmoji(emoji) {
            context.beginPath();
            context.arc(emoji.x, emoji.y, emojiRadius, 0, Math.PI * 2, false);
            context.fillStyle = emoji.color;
            context.fill();
            context.closePath();
        }

// Function to check if the emojis are hooked into the ring
        function isHooked() {
            var distance1 = Math.sqrt(Math.pow(emoji1.x - canvas.width / 2, 2) + Math.pow(emoji1.y - canvas.height / 2, 2));
            var distance2 = Math.sqrt(Math.pow(emoji2.x - canvas.width / 2, 2) + Math.pow(emoji2.y - canvas.height / 2, 2));

return distance1 <= ringRadius && distance2 <= ringRadius;
        }

// Function to generate a random velocity
        function getRandomVelocity() {
            return (Math.random() - 0.5) * 5;
        }

// Function to generate a random color
        function getRandomColor() {
            var colors = ["red", "orange", "yellow", "green", "blue", "purple"];
            return colors[Math.floor(Math.random() * colors.length)];
        }

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