A game that you mix fire, water, air, and earth elements to anew ones's game

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

No:31126

←

Prev Next

→

A game that you mix fire, water, air, and earth el..ALL
Developer User14951｜Date and time 23/12/25 6:05:02
Build time 27.253 sec｜Game capacity 4.344KB｜

Script

Sure! Here's an example of a simple game where you can combine fire, water, air, and earth elements to create new ones. The game will be displayed on a smartphone and will use pictograms to represent different elements.

To play the game: 1. Open a new HTML file and copy the code above into it. 2. Save the file with a .html extension. 3. Open the HTML file on your smartphone using a web browser. 4. The game will be displayed as a collection of icons representing the elements (fire, water, air, and earth). 5. Tap on an element to select it. 6. Tap on another element to combine them and create a new element (if it's a valid combination). 7. The new element will be displayed as a new icon below the combined elements. 8. Continue combining elements to discover all the possible combinations.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```
<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            font-size: 24px;
            text-align: center;
        }
        .element {
            display: inline-block;
            width: 60px;
            height: 60px;
            margin: 10px;
            border: 1px solid black;
            cursor: pointer;
        }
    </style>
</head>
<body>
<script>
    var elements = ['fire', 'water', 'air', 'earth'];
    var combinations = {
        'firewater': 'steam',
        'waterfire': 'steam',
        'fireair': 'energy',
        'airfire': 'energy',
        'fireearth': 'lava',
        'earthfire': 'lava',
        'waterair': 'rain',
        'airwater': 'rain',
        'waterearth': 'mud',
        'earthwater': 'mud',
        'airearth': 'dust',
        'earthair': 'dust'
    };

// Function to initialize the game
    function initializeGame() {
        var gameContainer = document.createElement('div');

// Create elements
        elements.forEach(function(element) {
            var elementDiv = document.createElement('div');
            elementDiv.classList.add('element');
            elementDiv.innerHTML = getIcon(element);
            elementDiv.setAttribute('data-element', element);
            gameContainer.appendChild(elementDiv);
        });

gameContainer.addEventListener('click', combineElements);

document.body.appendChild(gameContainer);
    }

// Function to handle element combination
    function combineElements(event) {
        var element = event.target;
        var currentElement = element.getAttribute('data-element');

var selectedElements = Array.from(document.getElementsByClassName('selected'));
        if (selectedElements.length === 1) {
            var previousElement = selectedElements[0].getAttribute('data-element');
            var combinationKey = previousElement + currentElement;

if (combinationKey in combinations) {
                var resultElement = combinations[combinationKey];
                var resultElementDiv = document.createElement('div');
                resultElementDiv.classList.add('element');
                resultElementDiv.innerHTML = getIcon(resultElement);

var gameContainer = element.parentNode;
                gameContainer.appendChild(resultElementDiv);
            }

// Remove selected class from previous element
            selectedElements[0].classList.remove('selected');
        }

// Add selected class to current element
        element.classList.toggle('selected');
    }

// Function to get the corresponding icon for an element
    function getIcon(element) {
        switch (element) {
            case 'fire':
                return '🔥';
            case 'water':
                return '💧';
            case 'air':
                return '💨';
            case 'earth':
                return '🌱';
            case 'steam':
                return '💨💧';
            case 'energy':
                return '⚡';
            case 'lava':
                return '🌋';
            case 'rain':
                return '🌧️';
            case 'mud':
                return '🌧️🔥';
            case 'dust':
                return '🌱💨';
            default:
                return '';
        }
    }

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

To play the game:
1. Open a new HTML file and copy the code above into it.
2. Save the file with a .html extension.
3. Open the HTML file on your smartphone using a web browser.
4. The game will be displayed as a collection of icons representing the elements (fire, water, air, and earth).
5. Tap on an element to select it.
6. Tap on another element to combine them and create a new element (if it's a valid combination).
7. The new element will be displayed as a new icon below the combined elements.
8. Continue combining elements to discover all the possible combinations.