一款可以打蚊子的游戏，游戏规则是在规定的时间内打78个文字就获胜's game | AI game creator

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

No:12560

111

一款可以打蚊子的游戏，游戏规则是在规定的时间内打78个文字就获胜
Developer User3760｜Date and time 23/8/19 22:39:12
Build time 14.991 sec｜Game capacity 2.38KB｜

→ 　

0　

0　

[PR]現在の売れ筋Kindle本ランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>打蚊子游戏</title>
</head>
<body>
    <canvas id="canvas" width="400" height="400"></canvas>

<script>
        // 获取canvas元素
        const canvas = document.getElementById('canvas');
        const ctx = canvas.getContext('2d');
        
        // 设置游戏变量
        let score = 0;
        let time = 30;
        
        // 定义蚊子的位置
        const mosquito = {
            x: 0,
            y: 0
        };
        
        // 监听点击事件
        canvas.addEventListener('click', (event) => {
            const rect = canvas.getBoundingClientRect();
            const clickX = event.clientX - rect.left;
            const clickY = event.clientY - rect.top;
            
            // 判断点击是否命中蚊子
            if (clickX >= mosquito.x && clickX <= mosquito.x + 50 &&
                clickY >= mosquito.y && clickY <= mosquito.y + 50) {
                score++;
                resetMosquito();
            }
        });
        
        // 重置蚊子位置函数
        function resetMosquito() {
            mosquito.x = Math.floor(Math.random() * (canvas.width - 50));
            mosquito.y = Math.floor(Math.random() * (canvas.height - 50));
        }
        
        // 游戏主循环
        function gameLoop() {
            // 清空画布
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            // 显示蚊子
            ctx.fillStyle = '#FF0000';
            ctx.fillRect(mosquito.x, mosquito.y, 50, 50);
            
            // 显示分数和剩余时间
            ctx.fillStyle = '#000000';
            ctx.font = '20px Arial';
            ctx.fillText('分数: ' + score, 10, 30);
            ctx.fillText('时间: ' + time, 10, 60);
            
            // 更新剩余时间
            time--;
            
            // 判断游戏是否结束
            if (time <= 0) {
                clearInterval(gameInterval); // 停止游戏循环
                alert('游戏结束！你的分数是：' + score);
            }
        }
        
        // 初始化游戏
        function initGame() {
            resetMosquito();
            const gameInterval = setInterval(gameLoop, 1000);
        }
        
        // 开始游戏
        initGame();
    </script>
</body>
</html>