Red light green light's game

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

No:41169

←

Prev Next

→

Red light green light
Developer User18485｜Date and time 24/2/6 12:19:44
Build time 7.015 sec｜Game capacity 2.427KB｜

Script

Sure! Here's an example implementation of a Red Light Green Light game using pictograms and JavaScript. Please note that this example uses simple shapes as pictograms instead of actual pictograms for simplicity.

This implementation creates a Red Light Green Light game using HTML, CSS, and JavaScript. The game consists of a circular target that changes its color between red and green at random intervals. The player's goal is to click on the target when it turns green to reach the target successfully. If the player clicks on the target during red light, they lose the game. The game lasts for 10 seconds.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Red Light Green Light Game</title>
    <style>
        #gameContainer {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
        }

#target {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            background-color: red;
        }
    </style>
</head>
<body>
    <div id="gameContainer">
        <div id="target"></div>
    </div>

function getRandomTime(min, max) {
            return Math.floor(Math.random() * (max - min + 1) + min);
        }

function startGame() {
            isRunning = true;

var target = document.getElementById('target');
            target.style.backgroundColor = 'red';

var timerId = setInterval(changeSignal, getRandomTime(1000, 3000));

setTimeout(function() {
                clearInterval(timerId);
                isRunning = false;

if (target.style.backgroundColor === 'red') {
                    alert('Oops! You moved during red light. You lose!');
                } else {
                    alert('Congratulations! You reached the target. You win!');
                }
            }, 10000);
        }

document.addEventListener('click', function() {
            if (!isRunning) {
                startGame();
            }
        });
    </script>
</body>
</html>
```