Corona中的iPad式惯性滚动

时间:2012-08-21 02:07:21

标签: lua corona

我正在尝试使用touch事件和enterFrame事件在Corona中模仿iPad风格的惯性滚动。简而言之,我应该能够在某种程度上拖动和“抛出”一个对象,类似于在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: Add code to decrease delta so that object gradually stops.
end

bg:addEventListener("touch");

这会在编译器中引发错误。我究竟做错了什么?我试着让enterFrame函数成为本地函数而不是表函数,但我遇到了同样的问题。我确信答案非常简单,但我对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");

这不再是错误的,但我也没有得到理想的结果......

2 个答案:

答案 0 :(得分:2)

我没有尝试在Corona中解决这个问题,但在实现平滑滚动时在Director中遇到了很多问题。

在拖动时,捕获一个测量多个触摸事件的速度的速度,比较位置差异与时间戳差异。对各个测量点使用表格或链表,并将速度与存储值进行平均。

然后与最后一次“移动”事件处于同一位置的“已结束”事件只会略微降低速度,从而保持惯性。在没有拖动事件的情况下,从摩擦速度中减去一个值。

答案 1 :(得分:0)

实际上,您有语法错误。

运行时:AddEventListener(注意:而不是。)

编辑:

现在关于你的数学:

你的逻辑是:在移动的事件中,它将bg.p(p为位置,x和y)设置为event.p

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

如果您在“移动”上执行olp逻辑,这可能会起作用,因为结果是:

用户移动手指:移动事件触发器,并且bg.p已更改(因此您看到它正在移动)。 用户试图移除手指:这会触发“已结束”事件,该事件的变化非常大,它将在与上次“移动”事件相同的位置触发(您需要移动手指非常,非常,非常快速到触发远离最后“移动”的“结束”)。这将使你的bg.oldp与bg.p相同,因此你做了bg.p + =(bg.olp-bg.p),结果是bg.p + = 0