12、疯狂泡泡：HTML5 移动游戏开发与社交分享

最新推荐文章于 2025-11-28 10:17:06 发布

svm4gardener

最新推荐文章于 2025-11-28 10:17:06 发布

阅读量10

点赞数

CC 4.0 BY-SA版权

分类专栏： PhoneGap实战精讲文章标签： HTML5游戏 Phaser框架 Cordova

本文链接：https://blog.youkuaiyun.com/svm4gardener/article/details/155116842

PhoneGap实战精讲专栏收录该内容

19 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

疯狂泡泡：HTML5 移动游戏开发与社交分享

一、游戏基本操作逻辑

1.1 指针移动事件处理

当玩家移动指针（鼠标或手指）时，游戏会执行一系列操作。首先，会检查是否允许用户选择泡泡，并将选中的泡泡及其位置记录到全局变量中。之后，每次指针移动都会调用 slideBubble 函数，该函数的具体实现如下：

function slideBubble(pointer, x, y, fromClick) {
    if (window.selectedBubble && pointer.isDown)
    {
        var cursorBubblePosX = getBubblePos(x);
        var cursorBubblePosY = getBubblePos(y);
        if (checkIfBubbleCanBeMovedHere(
            window.selectedBubbleStartPos.x, 
            window.selectedBubbleStartPos.y, 
            cursorBubblePosX, 
            cursorBubblePosY))
        {
            if (cursorBubblePosX !== window.selectedBubble.posX || 
                cursorBubblePosY !== window.selectedBubble.posY)