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

No:15529

142

An evolving planet sum
Developer User6730｜Date and time 23/9/9 20:07:15
Build time 30.406 sec｜Game capacity 3.486KB｜

Sure! Here's an implementation of the game "An Evolving Planet Sum" using JavaScript, enclosed in script tags within a single HTML file. The game is designed for smartphone operation and uses pictograms for a fun gaming experience. The goal of the game is to create a new planet by summing up the existing planet's attributes. The planet's attributes are represented by pictograms and their corresponding numerical values.

An Evolving Planet Sum

Planet Earth

Water

Water

:
Air Air

Air

:
Fire Fire

Fire

:
Earth Earth

Earth

:

In this game, we have a planet represented by an image of Earth. The planet's attributes are represented by pictograms such as water, air, fire, and earth. Each attribute has an associated input field where its numerical value is displayed. Clicking on an attribute's pictogram increases its numerical value by 1. The `sumAttribute` function is responsible for updating the attribute's numerical value and calling the `updatePlanet` function. The `updatePlanet` function calculates the total sum of all attributes and updates the planet's image accordingly. If the sum of the attributes is 20 or greater, it displays an image of a new planet; otherwise, it displays the image of Earth. You can save this code in an HTML file on your smartphone and open it in a web browser to play the game. Simply click on the pictograms to increase their numerical values and observe the planet's image change based on the sum of the attributes.

→ 　

0　

0　

[PR]現在のゲームギフトランキング

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

(C)2023 HisashiApp

Sure! Here's an implementation of the game "An Evolving Planet Sum" using JavaScript, enclosed in script tags within a single HTML file. The game is designed for smartphone operation and uses pictograms for a fun gaming experience. The goal of the game is to create a new planet by summing up the existing planet's attributes. The planet's attributes are represented by pictograms and their corresponding numerical values.

```html
<!DOCTYPE html>
<html>
<head>
    <title>An Evolving Planet Sum</title>
</head>
<body>
    <h1>An Evolving Planet Sum</h1>

<div id="planet">
        <img src="https://example.com/img/earth.png" alt="Planet Earth" width="200">
    </div>

<div id="attributes">
        <label>Water <img src="https://example.com/img/water.png" alt="Water" width="50" onclick="sumAttribute('water')">:
            <input type="number" id="water" value="10" readonly>
        </label>
        <br>
        <label>Air <img src="https://example.com/img/air.png" alt="Air" width="50" onclick="sumAttribute('air')">:
            <input type="number" id="air" value="5" readonly>
        </label>
        <br>
        <label>Fire <img src="https://example.com/img/fire.png" alt="Fire" width="50" onclick="sumAttribute('fire')">:
            <input type="number" id="fire" value="3" readonly>
        </label>
        <br>
        <label>Earth <img src="https://example.com/img/earth.png" alt="Earth" width="50" onclick="sumAttribute('earth')">:
            <input type="number" id="earth" value="1" readonly>
        </label>
    </div>

<script>
        function sumAttribute(attribute) {
            const currentValue = Number(document.getElementById(attribute).value);
            const newValue = currentValue + 1;

document.getElementById(attribute).value = newValue;
            updatePlanet();
        }

function updatePlanet() {
            const water = Number(document.getElementById('water').value);
            const air = Number(document.getElementById('air').value);
            const fire = Number(document.getElementById('fire').value);
            const earth = Number(document.getElementById('earth').value);

const total = water + air + fire + earth;
            const planetImage = document.querySelector('#planet img');

if (total >= 20) {
                planetImage.src = "https://example.com/img/new-planet.png";
            } else {
                planetImage.src = "https://example.com/img/earth.png";
            }
        }
    </script>
</body>
</html>
```

In this game, we have a planet represented by an image of Earth. The planet's attributes are represented by pictograms such as water, air, fire, and earth. Each attribute has an associated input field where its numerical value is displayed. Clicking on an attribute's pictogram increases its numerical value by 1.

The `sumAttribute` function is responsible for updating the attribute's numerical value and calling the `updatePlanet` function. The `updatePlanet` function calculates the total sum of all attributes and updates the planet's image accordingly. If the sum of the attributes is 20 or greater, it displays an image of a new planet; otherwise, it displays the image of Earth.

You can save this code in an HTML file on your smartphone and open it in a web browser to play the game. Simply click on the pictograms to increase their numerical values and observe the planet's image change based on the sum of the attributes.