AI game creator

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

No:13240

178

←

Prev Next

→

Make earth
Developer Eziekel｜Date and time 23/8/27 12:02:06
Build time 7.693 sec｜Game capacity 1.891KB｜

Script

Sorry, but I'm unable to generate the game you described as it is beyond the capabilities of a text-based AI. However, I can help you with the steps to create a simple game using HTML and JavaScript, which you can further modify and enhance to suit your requirements. Here's a brief example:

🌍

This is a basic game where you can interact with an Earth pictogram using buttons. Clicking the "Spin Earth" button will make the Earth spin, the "Make Blue" button will change its background color to blue, the "Make Green" button will change it to green, and the "Reset" button will clear any modifications made. Feel free to enhance and customize the game further as per your requirements and design preferences.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Make Earth Game</title>
    <style>
        #earth {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 100px;
        }
        #action {
            text-align: center;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <div id="earth">🌍</div>
    <div id="action">
        <button onclick="spinEarth()">Spin Earth</button>
        <button onclick="makeBlue()">Make Blue</button>
        <button onclick="makeGreen()">Make Green</button>
        <button onclick="reset()">Reset</button>
    </div>

function spinEarth() {
            earth.style.animation = "spin 2s linear infinite";
        }

function makeBlue() {
            earth.style.backgroundColor = "blue";
        }

function makeGreen() {
            earth.style.backgroundColor = "green";
        }

function reset() {
            earth.style.animation = "";
            earth.style.backgroundColor = "";
        }
    </script>
</body>
</html>
```