使用Corona实现类似于iPad的惯性滚动效果。

我正在尝试在 Corona 中模拟类似于 iPad 的惯性滚动,使用 touch 事件和 enterFrame 事件。简而言之,我应该能够拖动并“扔”对象到一定程度,类似于在 iPad 上滚动。我对 Corona 还比较陌生,但我之前用过其他语言。(这是我第二天)

到目前为止,这是我得到的代码:

local bg = display.newImage("cloud.jpg");
bg:setReferencePoint(bg.TopLeftReferencePoint);
bg.x = 0;
bg.y = 0;

function bg:touch (event)
    print("event", event)
    for i,v in pairs(event) do
        print("**: ",i,v)
    end

    bg.x = event.x;
    bg.y = event.y;

    bg.xStart = event.xStart;
    bg.yStart = event.yStart;

    if (event.phase == "ended")
    then
        bg.xdelta = bg.xStart + bg.x;
        bg.ydelta = bg.yStart + bg.y;
        Runtime.addEventListener("enterFrame", bg);
    end
end

function bg:enterFrame(event)
    bg.x = bg.x + bg.xdelta;
    bg.y = bg.y + bg.ydelta;
    // TODO:添加逐渐停止对象的代码。
end

bg:addEventListener("touch");

这在编译器中会出错。我做了一个本地函数而不是表函数,但是我遇到了同样的问题。我确定答案非常简单,但我对 Corona 不够熟悉,无法立即看到它。

编辑:我阅读了一些内容,并意识到这更接近我想要的:

local bg = display.newImage("cloud.jpg");
bg:setReferencePoint(bg.TopLeftReferencePoint);
bg.x = 0;
bg.y = 0;
bg.xdelta = 0;
bg.ydelta = 0;

local function onEveryFrame(event)
    bg.x = bg.x + (bg.oldx - bg.x);
    bg.y = bg.y + (bg.oldy - bg.y);
end

function bg:touch (event)
    if (event.phase == "ended")
    then
        print("ended")
        bg.oldx = bg.x;
        bg.oldy = bg.y;

        bg.x = event.x;
        bg.y = event.y;
        Runtime.addEventListener("enterFrame", onEveryFrame)
    end

    print("event", event)
    for i,v in pairs(event) do
        print("**: ",i,v)
    end

    bg.oldx = bg.x;
    bg.oldy = bg.y;

    bg.x = event.x;
    bg.y = event.y;

    print("bg.x:", bg.x)
    print("bg.oldx:", bg.oldx)
    print("bg.y:", bg.y)
    print("bg.oldy:", bg.oldy)
end

bg:addEventListener("touch");

这不再出现错误,但我也没有得到所需的结果...

点赞
用户269870
用户269870

实际上,您有语法错误。

它应该是Runtime:AddEventListener(注意是冒号而不是点)

EDIT:

现在关于你的数学问题:

你的逻辑是:在移动事件期间,将bg.p(p代表位置,包括x和y)设置为event.p

在结束事件期间,您将bg.olp设置为bg.p,然后将bg.p设置为event.p,然后您尝试每一帧做bg.p +=(bg.oldp-bg.p)

如果您将olp逻辑放在“moved”上,则可能会起作用,因为结果如下:

用户移动手指:移动事件触发,bg.p改变(因此您看到它在移动)。 用户尝试移除手指:这会触发“ended”事件,这很可能会在上一个“moved”事件的同一位置触发(您需要非常,非常,非常快地移动手指才能在上一个“移动”以外触发“ended”)。这将使你的bg.oldp与bg.p相同,因此你做bg.p +=(bg.olp-bg.p)的结果是bg.p +=0

2012-08-22 22:37:42
用户1790341
用户1790341

我尚未尝试在 Corona 中解决此问题,但在实现平滑滚动时在 Director 中遇到了很多。

在拖动时,捕获一个速度,通过比较位置差异和时间戳差异来测量速度。对于各个测量点使用一个表格或者链接列表,并且对存储的值求平均速度。

然后,在最后一个“移动”事件相同的位置的“结束”事件仅会轻微降低速度,保持惯性。在没有拖动事件的情况下,对速度进行摩擦减小。

2012-11-01 04:13:06