a game where there is red and green circles that auto regenerate in different places on the screen after you tap them. If you press the green circles you get a point, but red circles is game over's game

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

No:27953

←

Prev Next

→

a game where there is red and green circles that a..ALL
Developer User13950｜Date and time 23/12/10 7:17:50
Build time 19.886 sec｜Game capacity 3.674KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript:

To play the game, simply open the HTML file in a web browser on your smartphone. The game will display circles in different positions on the screen, and you can tap the green circles to earn points. Tapping a red circle will end the game and display your final score in an alert.

←

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 implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Circle Game</title>
    <style>
        body {
            margin: 0;
            padding: 0;
        }
        
        #game-container {
            position: relative;
            width: 100%;
            height: 100vh;
            background-color: #f4f4f4;
            overflow: hidden;
        }
        
        .circle {
            position: absolute;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 24px;
            cursor: pointer;
        }
        
        .red {
            background-color: red;
            color: white;
        }
        
        .green {
            background-color: green;
            color: white;
        }
    </style>
</head>
<body>
    <div id="game-container"></div>
    
    <script>
        // Game variables
        var score = 0;
        var timer = null;
        
        // Function to generate random coordinates
        function getRandomPosition() {
            var containerWidth = document.getElementById('game-container').offsetWidth;
            var containerHeight = document.getElementById('game-container').offsetHeight;
            var circleSize = 50; // Size of the circle
            
            var posX = Math.floor(Math.random() * (containerWidth - circleSize));
            var posY = Math.floor(Math.random() * (containerHeight - circleSize));
            
            return [posX, posY]; // Return as [x, y]
        }
        
        // Function to create new circle
        function createCircle(color) {
            var circle = document.createElement('div');
            circle.classList.add('circle', color);
            circle.style.left = getRandomPosition()[0] + 'px';
            circle.style.top = getRandomPosition()[1] + 'px';
            
            circle.addEventListener('click', function() {
                if (color === 'green') {
                    score++;
                } else {
                    gameOver();
                }
                
                document.getElementById('game-container').removeChild(circle);
            });
            
            return circle;
        }
        
        // Function to start/refresh the game
        function startGame() {
            // Clear previous circles from the screen
            var gameContainer = document.getElementById('game-container');
            while (gameContainer.firstChild) {
                gameContainer.removeChild(gameContainer.firstChild);
            }
            
            score = 0;
            
            // Start creating circles
            timer = setInterval(function() {
                var color = Math.random() < 0.5 ? 'green' : 'red';
                var circle = createCircle(color);
                document.getElementById('game-container').appendChild(circle);
            }, 1000); // Generate new circle every 1 second
        }
        
        // Function to end the game
        function gameOver() {
            clearInterval(timer);
            alert('Game Over! Your Score: ' + score);
        }
        
        // Start the game
        startGame();
    </script>
</body>
</html>
```