飞机大战知识点总结

背景图宽高：480*852
将背景图移动到Canvas中
设置图2的Y轴为852，这样图1和图2就衔接上了

创建控制背景的ts文件

import { _decorator, Component, Node } from 'cc';
const { ccclass, property } = _decorator;

@ccclass('Bg')
export class Bg extends Component {
	// 声明方式，待会要在编辑器里，把对应的组件拖进来
	// 就可以在代码里通过 this.bg01.position 获取到图1的位置，
    @property(Node)
    bg01:Node = null;
    @property(Node)
    bg02:Node = null;

    @property
    speed:Number = 100; // 速度

    start() {

    }

    update(deltaTime: number) {
        //  position：获取图1的位置;
        let pos01 = this.bg01.position;
        // setPosition：对图1的位置进行修改
        // speed：速度
        // deltaTime：帧时间
        this.bg01.setPosition(pos01.x,pos01.y-this.speed*deltaTime,pos01.z)
        
        let pos02 = this.bg02.position;
        this.bg02.setPosition(pos02.x,pos02.y-this.speed*deltaTime,pos02.z)

        // 获取 图1和图2的位置，使其循环向下滚动
        let p1 = this.bg01.position;
        let p2 = this.bg02.position;
        // 当图1的Y轴小于自身高度852，就把图1的位置设置到图2Y轴的上方
        if(this.bg01.position.y<-852){
            this.bg01.setPosition(p2.x,p2.y+852,p2.z)
        }
        // 当图2的Y轴小于自身高度852，就把图2的位置设置到图1Y轴的上方
        if(this.bg02.position.y<-852){
            this.bg02.setPosition(p1.x,p1.y+852,p1.z)
        }
    }
}