白鷺引擎開發飛機大戰詳盡教程（二建立滾動背景）

簡介

   本教程是以飛機大戰小遊戲做爲白鷺的入門，詳細的按筆者的開發思路，一步步講解遊戲的開發步驟，內容基本涵蓋了白鷺引擎提供的能力，包括界面可視化開發、事件派發、粒子播放（爆炸效果）、龍骨幀動畫、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，就能夠看到屏幕不停地滾動。

看上去是否是很簡單，遊戲就是這樣一點一點地拼接起來的。