3.8.5版本2个背景图片实现循环背景不丝滑问题请教下大佬们

屏幕尺寸480800 ,两个480852的图片向下移动然后最下面的再移动到最上面实现循环背景的功能,下面是代码
import { _decorator, Component, Constraint, Node } from ‘cc’;

const { ccclass, property } = _decorator;

@ccclass(‘BgControl’)

export class BgControl extends Component {

start() {

}

update(dt:number) {

for(let bgNode of this.node.children){

const xyp=bgNode.getPosition();

xyp.y -= 50*dt;

bgNode.setPosition(xyp);

if(xyp.y<=-852){

xyp.y += 852*2;

bgNode.setPosition(xyp);

}

console.log(xyp.y.toString());

}

}

}
主要是图片从下面移动到上面会有延迟替换,显示不丝滑,请问大佬们怎么修改代码?我感觉是帧率的问题

当然是shader纹理移动了。这样就只需要一个节点就可以了。也不需要考虑计算的事情,