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

简介

   本教程是以飞机大战小游戏作为白鹭的入门，详细的按笔者的开发思路，一步步讲解游戏的开发步骤，内容基本涵盖了白鹭引擎提供的能力，包括界面可视化开发、事件派发、粒子播放（爆炸效果）、龙骨帧动画、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，就可以看到屏幕不停地滚动。

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

转载于:https://juejin.im/post/5c8a48326fb9a049a97a95a4