白鷺引擎開發飛機大戰詳盡教程（前言）

簡介

   本教程是以飛機大戰小遊戲做爲白鷺的入門，詳細的按筆者的開發思路，一步步講解遊戲的開發步驟，內容基本涵蓋了白鷺引擎提供的能力，包括界面可視化開發、事件派發、粒子播放（爆炸效果）、龍骨幀動畫、tween緩動動畫、碰撞檢測、音頻播放等，結合筆者的開發經驗，講述怎麼使用繼承來提升開發效率而且便於維護擴展。學完本教程，基本就能熟悉怎麼使用白鷺開發遊戲，切勿錯過。也歡迎你們提出問題和建議，幫助我完善教程，謝謝！

教程目錄

白鷺引擎開發飛機大戰詳盡教程（前言）

白鷺引擎開發飛機大戰詳盡教程（一建立場景）

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

白鷺引擎開發飛機大戰詳盡教程（三建立飛機）

白鷺引擎開發飛機大戰詳盡教程（四控制飛機移動）

爲什麼使用白鷺

   接到公司任務，在今年要在銀行app裏面作一個h5 IP遊戲，要我評估。因爲要求動畫比較精細，我一開始想使用AnnieJs+AnimateCC，由於開發速度快，駕輕就熟，奈何它目前還沒支持webgl渲染。國內比較流行的引擎laya或者egret，由於我認識laya內部的人，想着溝通起來會更加方便，就先選擇了laya。經過學習它的文檔，發現真的舊得不行，跟着文檔來都沒法作出文檔所說的案例。後面跟laya的人反饋，他們給出的答覆是沒專門的人來維護文檔，後面會慢慢完善，至於多後面，他們沒法給出肯定的時間。項目可不等人，我惟有放棄laya，轉投egret。

白鷺的優點

   之前就瞭解過白鷺引擎，可是習慣了js的自由奔放，改用typescript以爲會束手束腳的。由於擔憂好多第三方庫都不支持typescript，要轉的話會比較麻煩，因此一直沒去碰它。用過以後以爲...出奇的效率高，多是由於我開發過java的緣故。

   白鷺有可視化界面，很方便就能夠編輯遊戲UI，有龍骨這樣方便作動畫的軟件，固然還有不少它自帶的一些工具，後面會說起。

迴歸正題

   遊戲二維碼

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

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

源碼我根據開發的過程創建了不一樣的分支以方便你們閱讀，以下圖

今天先寫到此，後面會正式開始講詳細的過程，敬請期待，謝謝！