AI game creator

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

No:4658

1529

←

Prev Next

→

AAA title games
Developer User3796｜Date and time 23/6/28 15:24:37
Build time 70.923 sec｜Game capacity 4.012KB｜

Script

了解しました。以下に、簡単なスマートフォン向けゲームの例を示します。このゲームはHTMLファイル上で実行されるようになっており、JavaScriptコードを使用しています。

このプログラムは、スマートフォン上で遊べるシンプルな絵文字キャッチゲームです。ページを開くと、絵文字が画面上から落ちてきます。プレイヤーはそれらの絵文字をタップしてキャッチし、スコアを獲得します。ゲームオーバーになる直前まで、プレイヤーはできるだけ多くの絵文字をキャッチすることを目指します。スコアは画面の左上に表示されます。このゲームは、1枚のHTMLファイルとして実装されており、JavaScriptコードがscriptタグで囲まれています。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
<title>Emoji Catcher</title>
<style>
    #game-container {
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }
</style>
</head>
<body>
<div id="game-container">
    <canvas id="game-canvas"></canvas>
</div>

// キャンバスのリサイズ
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;

// キャンバス上でのマウスクリックイベント
    canvas.addEventListener('click', handleMouseClick);

// ゲームループ
    setInterval(update, 1000 / 60);

// ゲームの状態
    let gameState = {
        emojis: [],
        gameOver: false
    };

// スコアを描画
    function drawScore() {
        ctx.fillStyle = 'black';
        ctx.font = '24px Arial';
        ctx.fillText('Score: ' + score, 10, 30);
    }

// 絵文字を描画
    function drawEmojis() {
        for (let i = 0; i < gameState.emojis.length; i++) {
            const emoji = gameState.emojis[i];
            ctx.fillStyle = 'black';
            ctx.font = emojiSize + 'px Arial';
            ctx.fillText(emoji.character, emoji.x, emoji.y);
        }
    }

// ゲームの更新
    function update() {
        if (!gameState.gameOver) {
            // emojiを追加
            if (Math.random() < 0.02) {
                const emoji = {
                    character: emojis[Math.floor(Math.random() * emojis.length)],
                    x: Math.random() * (canvas.width - emojiSize),
                    y: 0
                };
                gameState.emojis.push(emoji);
            }

// emojiを移動
            for (let i = 0; i < gameState.emojis.length; i++) {
                const emoji = gameState.emojis[i];
                emoji.y += 5;
                if (emoji.y > canvas.height) {
                    gameState.emojis.splice(i, 1);
                    i--;
                }
            }
        }

// 描画
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        drawEmojis();
        drawScore();
    }

// マウスクリックイベントの処理
    function handleMouseClick(event) {
        if (gameState.gameOver) {
            return;
        }

const rect = canvas.getBoundingClientRect();
        const mouseX = event.clientX - rect.left;
        const mouseY = event.clientY - rect.top;

for (let i = 0; i < gameState.emojis.length; i++) {
            const emoji = gameState.emojis[i];
            if (
                mouseX >= emoji.x &&
                mouseX <= emoji.x + emojiSize &&
                mouseY >= emoji.y &&
                mouseY <= emoji.y + emojiSize
            ) {
                gameState.emojis.splice(i, 1);
                score++;
                break;
            }
        }
    }
</script>
</body>
</html>
```

このゲームは、1枚のHTMLファイルとして実装されており、JavaScriptコードがscriptタグで囲まれています。