AI game creator

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

No:6313

1288

←

Prev Next

→

thumbtack
Developer User3497｜Date and time 23/7/2 1:51:31
Build time 33.03 sec｜Game capacity 3.42KB｜

Script

了解しました。以下にスマホ操作を前提とした簡単なゲームの実装例を示します。このゲームでは、ユーザーが指で画面をタップしてキャラクターを動かし、障害物を避けることが目的です。

👾

このゲームでは、`👾` の絵文字がキャラクターを表し、障害物が赤い四角で表示されます。ユーザーは指で画面をタップすることでキャラクターを操作し、障害物との衝突を避けながらゲームをプレイします。衝突が発生すると「ゲームオーバー！」というアラートが表示され、障害物の出現も停止します。ただし、ゲームの難易度やルールは本例ではシンプルになっており、カスタマイズや改良の余地があります。また、ご要望によってゲームの内容や演出も変更することができます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

```html
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ゆびすまゲーム</title>
    <style>
        #character {
            position: absolute;
            font-size: 60px;
        }
        .obstacle {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: red;
        }
    </style>
</head>
<body>
    <div id="character">👾</div>
    <script>
        window.addEventListener('load', function() {
            const character = document.getElementById('character');
            let characterX = 0;
            let characterY = 0;
            let obstacleInterval;

function moveCharacter(event) {
                event.preventDefault();
                characterX = event.touches[0].clientX - character.offsetWidth / 2;
                characterY = event.touches[0].clientY - character.offsetHeight / 2;
                character.style.left = characterX + 'px';
                character.style.top = characterY + 'px';
            }

function createObstacle() {
                const obstacle = document.createElement('div');
                obstacle.className = 'obstacle';
                obstacle.style.left = Math.random() * (window.innerWidth - obstacle.offsetWidth) + 'px';
                obstacle.style.top = Math.random() * (window.innerHeight - obstacle.offsetHeight) + 'px';
                document.body.appendChild(obstacle);
            }

document.addEventListener('touchmove', moveCharacter);
            obstacleInterval = setInterval(createObstacle, 2000);
            setInterval(checkCollision, 100);
        });
    </script>
</body>
</html>
```

このゲームでは、`👾` の絵文字がキャラクターを表し、障害物が赤い四角で表示されます。ユーザーは指で画面をタップすることでキャラクターを操作し、障害物との衝突を避けながらゲームをプレイします。衝突が発生すると「ゲームオーバー！」というアラートが表示され、障害物の出現も停止します。

ただし、ゲームの難易度やルールは本例ではシンプルになっており、カスタマイズや改良の余地があります。また、ご要望によってゲームの内容や演出も変更することができます。