白鹭引擎开发飞机大战详尽教程（二建立滚动背景）

简介

   本教程是以飞机大战小游戏做为白鹭的入门，详细的按笔者的开发思路，一步步讲解游戏的开发步骤，内容基本涵盖了白鹭引擎提供的能力，包括界面可视化开发、事件派发、粒子播放（爆炸效果）、龙骨帧动画、tween缓动动画、碰撞检测、音频播放等，结合笔者的开发经验，讲述怎么使用继承来提升开发效率而且便于维护扩展。学完本教程，基本就能熟悉怎么使用白鹭开发游戏，切勿错过。也欢迎你们提出问题和建议，帮助我完善教程，谢谢！

教程目录

白鹭引擎开发飞机大战详尽教程（前言）

白鹭引擎开发飞机大战详尽教程（一建立场景）

源码

   连接：authorking.gitee.io/wx-games/pl…

   github地址：github.com/305371179/P…

请到github上下载源码，切换到分支dev_01_建立场景，本节的内容是简单介绍如何使用egretwing（4.1.6）的可视化界面编辑场景，使用的egret引擎版本是5.2.13

本章介绍怎么建立滚动的背景

   下载源码，切换到dev_02_建立游戏场景01_滚动背景。

背景的的滚动就是一张上下都能衔接的背景图片，使用两个egret.Image对象，不停地交换位置就能够实现无限滚动。

定义好变量后，咱们来变形滚动的方法

由于两张图片是如出一辙的，咱们只要让bg1在超出屏幕后，让它回到原点，而后bg2再重置于bg1之上便可。注意，此处位移咱们是使用时间的间隔*速度，而不是每帧都加相同的位移，与时间相关是为了让位移更加平滑。

添加帧回调

咱们在Main中，将咱们的GameScene添加到stage，就能够看到屏幕不停地滚动。

看上去是否是很简单，游戏就是这样一点一点地拼接起来的。