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

No:38458

Red maker there's different red emojis if you clic..ALL
Developer User17401｜Date and time 24/1/24 22:31:08
Build time 15.891 sec｜Game capacity 3.824KB｜

Script

Sure, here's a simple game that meets your requirements:

Color Mixing Game

To play the game, simply copy the above code into a file with a ".html" extension, open it in a web browser (preferably on a smartphone for better touch experience), and start clicking on the red emoji blocks. The goal is to mix the right combination of colors to create the color purple. Each successful mix will advance you to the next level, and there are a total of 10 levels to complete. Good luck!

←

Prev　Next

→ 　

Back　

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

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

Sure, here's a simple game that meets your requirements:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Color Mixing Game</title>
</head>
<body>
    <h1>Color Mixing Game</h1>
    <div id="board"></div>
    <script>
        var level = 1;
        var moves = 0;

var colors = ['🔴', '🔵', '🟢', '🟡'];
        var selectedColors = [];

// Initialize game board
        function initializeBoard() {
            var board = document.getElementById('board');
            board.innerHTML = '';

var row = document.createElement('div');
            row.className = 'row';

for (var i = 0; i < colors.length; i++) {
                var block = document.createElement('div');
                block.className = 'block';
                block.innerHTML = colors[i];
                block.addEventListener('click', selectColor);
                row.appendChild(block);
            }

board.appendChild(row);
        }

// Event handler for selecting a color
        function selectColor(event) {
            var block = event.target;
            var color = block.innerHTML;

selectedColors.push(color);
            block.classList.add('selected');

if (selectedColors.length === 2) {
                mixColors();
            }
        }

// Mix the selected colors
        function mixColors() {
            var mixedColor;
            if (selectedColors.includes('🔴') && selectedColors.includes('🔵')) {
                mixedColor = '🟣'; // Purple         
            } else if (selectedColors.includes('🔴') && selectedColors.includes('🟢')) {
                mixedColor = '🟤'; // Brown
            } else if (selectedColors.includes('🔴') && selectedColors.includes('🟡')) {
                mixedColor = '🟠'; // Orange
            } else if (selectedColors.includes('🔵') && selectedColors.includes('🟢')) {
                mixedColor = '🟢'; // Green
            } else if (selectedColors.includes('🔵') && selectedColors.includes('🟡')) {
                mixedColor = '🟡'; // Yellow
            } else if (selectedColors.includes('🟢') && selectedColors.includes('🟡')) {
                mixedColor = '🟢'; // Green
            }

if (mixedColor === '🟣') {
                selectedColors = [];
                moves++;
                level++;
                alert('Congratulations! You created purple!\nMoves: ' + moves);
                if (level > 10) {
                    alert('You completed all levels! Well done!');
                } else {
                    initializeBoard();
                }
            } else {
                alert('Mixing these colors did not result in purple. Try again!');
                selectedColors = [];
                moves++;
            }
        }

// Start the game
        initializeBoard();
    </script>

.block {
            font-size: 40px;
            width: 80px;
            height: 80px;
            text-align: center;
            line-height: 80px;
            border: 1px solid #000;
            margin: 5px;
            cursor: pointer;
        }

.block.selected {
            background-color: #ccc;
        }
    </style>
</body>
</html>
```