Egret实战开发笔记，飞行射击游戏（一）

Egret实战开发，记录每天的学习进度，欢迎和我一起学习交流~
在这里插入图片描述
大家好，今天写下这篇文章记录学习Egret游戏开发，作者目前也是在学习白鹭引擎的初级阶段，又很多地方可能讲解还不够细致正确，我的仅供参考。此篇文章也又不足或者模糊的地方可以评论随意指出。

之后我会持续更新Egret引擎的学习教程，想要了解Egret引擎的盆友记得加关注呦。我会用很多图让大家直观的学习，避免走弯路，之后的代码和引擎库学习，希望朋友们看过我的讲解之后再多去磕一磕，自我吸收一下，互相学习。可以关注下我的公众号 知言不尽。会为大家解答哦~

背景从上向下移动

class BG extends egret.Sprite{

	public bg:egret.Bitmap[] = [];
	public fg:egret.Bitmap;		//前景

	public vy:number;	//背景移动的速度
	public game:MainGame;	//上一级指针

	public constructor(game:MainGame) {
		super();	
		this.game = game;
		for(let i = 0 ; i < 2; i ++){
			this.bg[i] = Main.createBitmapByName("bg11_jpg");
			this.addChild(this.bg[i]);
			//对图片的定位
			this.bg[i].y = 0 - i* this.bg[i].height;
		}
		this.vy = 10;	//背景移动速度
	}

	public update(){
		for(let i = 0 ; i < 2; i++){
			//图片向下移动
			this.bg[i].y+=this.vy;
			//当图片移动到屏幕下面就得放到上面
			if(this.bg[i].y > 800){
				//有几张图片就挪到几张图片高度
				this.bg[i].y -=2*this.bg[i].height;
			}
		}
	}
}

飞行射击游戏是单屏游戏，类似跑酷，不可能让摄像机停下来。背景向下运动，才能让玩家感觉飞机在向前飞行。
1.背景实现： BG.ts
申请：
因为是2张图片。构造数组 public bg:egret.Bitmap[] = [];
前景1张 public fg:egret.Bitmap; //前景
public vy:number; //背景移动的速度
public game:MainGame; //上一级指针链式对象管理

前景3个图片随机生成

public resetFG(){
	//随机0~2   0天梯，1，2
	let id = Math.floor(Math.random()*3);
	switch(id){
		case 0 :
			this.fg.texture = RES.getRes("bg12_png");
			if(Math.random()*100 < 50){//50%概论向左还是向右
				this.fg.scaleX = -1;
				this.fg.x = 480;
			}else{
				this.fg.scaleX = 1;
				this.fg.x = 0;
			}
		break;
		case 1:
			this.fg.texture = RES.getRes("bg13_png");
			this.fg.x = 480 - Math.random()*184;	
			this.fg.scaleX = 1;
			break;
		case 2 :
			this.fg.texture = RES.getRes("bg13_png");
			this.fg.x = Math.random() * 184;	
			this.fg.scaleX = -1;
			break;
	}
	this.fg.y = -500 - Math.random()*100;
}