在屏幕底部添加滚动背景。

2014-4-16 19:10:38
收藏：0
阅读：127
评论：2

我添加了一个名为“grass”的滚动底部，grass1.png 和 grass2.png 的宽度相同：500px。grass2 在 grass1 后面，作为阴影。

问题是“synchro time”在 grass1 和 grass1_duo（同样在 grass2 和 grass2_duo）之间的同步时间。此外，草从屏幕的右侧开始。我想在 BottomLeft 开始（我使用的是最新版的 LUA）。

请检查我的代码，我不能确定问题是函数还是“宽度计算”或两者都有问题吗？

    grass1 = display.newImage('grass1.png')
grass1.anchorX=0
grass1.height=90
grass1.x=0
grass1.y = display.contentHeight-(grass1.height/2)
physics.addBody(grass1, "static", {density=.1, bounce=0.1, friction=.2})
grass1.speed = 6
screenGroup:insert(grass1)

grass1_duo = display.newImage('grass1.png')
grass1_duo.anchorX=0
grass1_duo.height=90
grass1_duo.x=500
grass1_duo.y = display.contentHeight-(grass1_duo.height/2)
physics.addBody(grass1_duo, "static", {density=.1, bounce=0.1, friction=.2})
grass1_duo.speed = 6
screenGroup:insert(grass1_duo)

grass2 = display.newImage('grass2.png')
grass2.anchorX=0
grass2.height=90
grass2.x=0
grass2.y = display.contentHeight-(grass2.height/1.8)
physics.addBody(grass2, "static", {density=.1, bounce=0.1, friction=.2})
grass2.speed = 6
screenGroup:insert(grass2)

grass2_duo = display.newImage('grass2.png')
grass2_duo.anchorX=0
grass2_duo.height=90
grass2_duo.x=500
grass2_duo.y = display.contentHeight-(grass2_duo.height/1.8)
physics.addBody(grass2_duo, "static", {density=.1, bounce=0.1, friction=.2})
grass2_duo.speed = 6
screenGroup:insert(grass2_duo)

这是函数：

function ScrollGrass(self,event)

if self.x < (-1000 + (self.speed*3)) then
    self.x = 1000
else
    self.x = self.x - self.speed
end

end

现在是我的监听器：

grass1.enterFrame=ScrollGrass
Runtime:addEventListener("enterFrame",grass1)
grass2.enterFrame=ScrollGrass
Runtime:addEventListener("enterFrame",grass2)
grass1_duo.enterFrame=ScrollGrass
Runtime:addEventListener("enterFrame",grass1_duo)
grass2_duo.enterFrame=ScrollGrass
Runtime:addEventListener("enterFrame",grass2_duo)

谢谢 :)

点赞
用户869951
用户869951

尝试使用一个函数来控制所有的草：

function scrollGrass(grass)
    if grass.x < (-1000 + (grass.speed*3)) then
        grass.x = 1000
    else
        grass.x = grass.x - grass.speed
    end
end

function scrollGrasses(event)
    scrollGrass(grass1)
    scrollGrass(grass1_duo)
    scrollGrass(grass2)
    scrollGrass(grass2_duo)
end

Runtime:addEventListener("enterFrame",scrollGrasses)

如果这不能解决问题，这很有可能是你的滚动函数有误，但无法从你的帖子中来判断你想要什么功能。

更新：

首先，你应该尝试不注册 enterFrame 事件，这样你就能看到初始化时草的位置是否正确。

另一件事是在一个组上使用过渡，这样你就不需要 enterFrame 了：

allGrasses = display.newGroup()
allGrasses:insert(grass1)
...
allGrasses:insert(grass2_duo)

function resetGrassesPos()
    allGrasses.x = 0
    transition.to(allGrasses, {time=5000, x=-500, onComplete=resetGrassesPos}
end

transition.to(allGrasses, {time=5000, x=-500, onComplete=resetGrassesPos}

你可以为每个草都设置一个过渡效果，但我不知道它们能否保持同步。

2014-04-16 21:44:22
用户2767985
用户2767985

我想我的功能存在问题。我尝试过你的功能，但我不确定它是否能解决我的问题。我想做的是像视频中那样：https://www.youtube.com/watch?v=FsP7mJkyIiQ

用过渡效果不好，因为我将不得不处理不同的“智能手机分辨率”。

到目前为止，没有滚动功能，我可以在屏幕上显示所有草。总共3个草：3个x 500px。现在我要做的是滚动这3个草，没有任何中断。

我假设这个函数可以工作，但它没有：

function scrollGrass(grass, event)
   if grass.x < -1500  then --1500是3个草的大小，每个草都紧挨着另一个。实际上，我不确定这个数字是否正确。
        grass.x = 1500
    else
        grass.x = grass.x - 6
    end
end

谢谢 :)

2014-04-17 12:59:14

作者:

用户2767985

用户2767985
推荐文章