CocosCreator:背景滚动 、背景循环滚动

.CocosCretor版本3.2.1

编辑器VScode

制作游戏背景的循环滚动

import { _decorator, Component, Node } from 'cc';
const { ccclass, property } = _decorator;@ccclass('MoveingSceneBg')
export class MoveingSceneBg extends Component {@property(Node)bg01: Node = null!;@property (Node)bg02: Node = null!;private _bgSpeed= 10;private _bgMovingRange =90;// [1]// dummy = '';// [2]// @property// serializableDummy = 0;start () {this._Init();// [3]}update (deltaTime: number) {this._moveBackGround(deltaTime);}private _Init(){this.bg01.setPosition(0,0,0);this.bg02.setPosition(0,0,-this._bgMovingRange);}private _moveBackGround(deltaTime: number){this.bg01.setPosition(0,0,this.bg01.position.z +this._bgSpeed*deltaTime );this.bg02.setPosition(0,0,this.bg02.position.z +this._bgSpeed*deltaTime );if(this.bg01.position.z > this._bgMovingRange){this.bg01.setPosition(0,0,this.bg02.position.z   - this._bgMovingRange);}else if    (this.bg02.position.z > this._bgMovingRange){this.bg02.setPosition(0,0,this.bg01.position.z   - this._bgMovingRange);}
}
}/*** [1] Class member could be defined like this.* [2] Use `property` decorator if your want the member to be serializable.* [3] Your initialization goes here.* [4] Your update function goes here.** Learn more about scripting: https://docs.cocos.com/creator/3.0/manual/en/scripting/* Learn more about CCClass: https://docs.cocos.com/creator/3.0/manual/en/scripting/ccclass.html* Learn more about life-cycle callbacks: https://docs.cocos.com/creator/3.0/manual/en/scripting/life-cycle-callbacks.html*/