Rules weird talk. To follow the tap water.'s game

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

No:7328

312

←

Prev Next

→

Rules weird talk. To follow the tap water.
Developer User3988｜Date and time 23/7/6 22:33:11
Build time 25.952 sec｜Game capacity 3.491KB｜

Script

根据您的要求，我为您创建了一个简单的规则怪谈游戏的示例。以下是单个HTML文件中包含JavaScript的代码。您可以将此代码复制并保存为HTML文件，然后通过浏览器运行它以开始游戏。

这是一个简单的游戏，玩家可以通过触摸屏幕左右滑动来移动红色方块，避免与蓝色方块发生碰撞。游戏界面使用了一个带有分数显示的画布。游戏会不断更新状态，直到玩家与敌人发生碰撞为止。

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>规则怪谈游戏</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>

// 监听触屏事件，控制玩家移动
        document.addEventListener("touchstart", handleTouchStart, false);
        document.addEventListener("touchmove", handleTouchMove, false);

var xDown = null;
        var yDown = null;

function handleTouchStart(event) {
            xDown = event.touches[0].clientX;
            yDown = event.touches[0].clientY;
        }

function handleTouchMove(event) {
            if (!xDown || !yDown) {
                return;
            }

var xUp = event.touches[0].clientX;
            var yUp = event.touches[0].clientY;

var xDiff = xDown - xUp;
            var yDiff = yDown - yUp;

if (Math.abs(xDiff) > Math.abs(yDiff)) {
                if (xDiff > 0) {
                    // 左滑动，向左移动玩家
                    game.playerX -= game.playerSpeed;
                } else {
                    // 右滑动，向右移动玩家
                    game.playerX += game.playerSpeed;
                }
            }

xDown = null;
            yDown = null;

event.preventDefault();
        }

// 更新游戏状态
        function update() {
            if (game.gameOver) {
                return;
            }

// 更新玩家和敌人位置
            game.enemyX += game.enemySpeed;

// 碰撞检测
            if (game.enemyX + 50 >= game.playerX && game.enemyX <= game.playerX + 50 && game.enemyY >= canvas.height - 100) {
                game.gameOver = true;
            }

// 清除画布
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// 绘制玩家和敌人
            drawPlayer();
            drawEnemy();

// 更新分数
            game.score++;
            ctx.font = "20px Arial";
            ctx.fillStyle = "#000";
            ctx.fillText("Score: " + game.score, 10, 30);

// 递归调用更新状态函数
            requestAnimationFrame(update);
        }

// 绘制玩家
        function drawPlayer() {
            ctx.fillStyle = "#ff0000";
            ctx.fillRect(game.playerX, canvas.height - 100, 50, 50);
        }

// 绘制敌人
        function drawEnemy() {
            ctx.fillStyle = "#0000ff";
            ctx.fillRect(game.enemyX, game.enemyY, 50, 50);
        }

// 启动游戏
        update();
    </script>
</body>
</html>
```