creator 用两张背景图实现背景无线循环出现掉帧情况

Creator 2.x
#1

请教一下cocos各位路过的大神们：
update (dt) ｛
this.background1.y -= this.Accel;
this.background2.y -= this.Accel;
this.setBgMoveCreate(dt)
},
以上是我的update代码，目的是实现两张背景图无限循环，但是运行时，卡顿现象十分严重，像是掉帧？不知道怎么解决:joy:求助各路大神，走过路过，帮忙瞧一瞧，感谢感谢！

#2

掉没掉帧可以在浏览器运行看看，原生可以打一个调试模式的包看看帧率。

#3

帧率 几乎满帧，应该是没问题的。我在贴吧里下载了飞机大战的源码，然后将界面中背景移动速度加快的时候，看到有同样的卡顿现象。。。迷茫

#4

使用-=this.Accel*dt试试呢。做背景无限循环是会出现这种问题。

#5

试了一下，收到甚微:sweat_smile:

#6

收效甚微

#7

我这么写没有你说的卡顿明显，

#8

但是衔接有可能出现黑边。

#9

速度缓慢的时候还稍微和缓一点，速度加快的时候感觉有点明显

#10

你这个帧率应该不会降，是两帧之间位置跨度不均匀造成的视觉卡顿，用插值应该能再缓和一下
每帧设置个Y值就掉帧，那creator也太弱了:11:

#11

好的，谢谢，用了线性插值函数之后应该有好一点，但还是能看到这种卡顿:2:

#12

可以用动画来做

#13

这么写就不会黑边了
if（this.bg1.y <= xxx ）{
this. bg1.y = this. bg2.y + this. bg2.height;
}
bg2同理

#14

this.setBgMoveCreate(dt) 这个方法做了什么 注释掉看看会不会卡顿 不要在update里做创建销毁节点的事

#15

是的，这么写确实无缝连接。