AI game creator

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

No:11425

114

←

Prev Next

→

APEX
Developer User4877｜Date and time 23/8/9 18:52:18
Build time 24.261 sec｜Game capacity 2.943KB｜

Script

以下にAPEXというゲームを実装した例を示します。このゲームはスマホの操作を前提としており、絵文字を使用しています。

Score: 0

Game Over

このプログラムでは、ゲーム画面がクリックされる度にスコアが加算されます。また、1秒ごとに背景色がランダムな色に変化し、5秒ごとにゲームオーバー画面が表示されます。ゲームオーバー時にはスコアがリセットされます。ゲーム画面は300px × 300px の正方形で表示され、背景色やテキストの色にはCSSで指定した色を使用しています。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

以下にAPEXというゲームを実装した例を示します。このゲームはスマホの操作を前提としており、絵文字を使用しています。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>APEX</title>
    <style>
        body {
            background-color: #000;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

#game {
            width: 300px;
            height: 300px;
            background-color: #292929;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 20px;
            border-radius: 10px;
            color: #fff;
            text-align: center;
            font-size: 24px;
        }

#score {
            font-size: 16px;
        }

#gameover {
            color: #f00;
            font-size: 36px;
        }
    </style>
</head>
<body>
    <div id="game">
        <div id="score">Score: 0</div>
        <div id="gameover">Game Over</div>
    </div>

let score = 0;
        let gameover = false;

gameElement.addEventListener('click', () => {
            if (!gameover) {
                score++;
                scoreElement.textContent = `Score: ${score}`;
            }
        });

setInterval(() => {
            if (!gameover) {
                gameElement.style.backgroundColor = getRandomColor();
            }
        }, 1000);

function getRandomColor() {
            const colors = ['#ff5722', '#4caf50', '#2196f3', '#9c27b0'];
            const randomIndex = Math.floor(Math.random() * colors.length);
            return colors[randomIndex];
        }

setInterval(() => {
            if (!gameover) {
                gameoverElement.style.display = 'none';
                gameover = true;
            } else {
                gameoverElement.style.display = 'block';
                gameover = false;
                score = 0;
                scoreElement.textContent = `Score: ${score}`;
            }
        }, 5000);
    </script>
</body>
</html>
```