LayaAir引擎學習日誌8----AS3語言中Flash Builder中顯示文字Hello Layabox(AS3)

本篇採用AS3語言在Flash Builder環境中顯示文字Hello Layabox，學完本篇即為完成LayaAir引擎的第一個程式。在學習本篇前務必保證先閱讀完：部落格之前的Flash Builder的配置的相關文章

第一步 新建專案

    步驟一： 開啟Flash Builder，在選單欄裡點“檔案”，然後選中“新建”點選 “ActionScript專案”，進入建立專案的視窗。

    步驟二： 在“專案名”輸入欄裡輸入專案名稱，然後在“資料夾”輸入欄裡輸入專案儲存目錄或者是點選“瀏覽”選擇儲存的目錄。最後點選“下一步”進入引擎編譯與引擎庫配置的“構建路徑”視窗。

    步驟三： 在構建路徑配置的“庫路徑”視窗裡，先刪除系統自帶的編譯SDK，然後點選“新增SWC”，將引擎包裡的“playerglobal.swc”、“LayaAirFlash.swc”、“glsl2agal.swc”新增進來。如果專案沒有釋出Flash版本的需求，“LayaAirFlash.swc”、“glsl2agal.swc”也可以不新增。

    步驟四：在構建路徑配置的“源路徑”視窗裡點選“新增資料夾”，輸入“引擎庫所在目錄”或點選“瀏覽”選擇“引擎庫所在目錄”，然後點選確定，即完成了引擎庫的匯入。

    最後，點選最下方的“完成”按鈕，結束新建專案的引導。

  

第二步 顯示文字“Hello Layabox”

    步驟一：選單欄 “檔案” 中選中 “新建”，單擊“ActionScript類”，開啟新建類檔案的視窗。

    步驟二：在名稱欄輸入HelloLayabox，點選 “完成”新建一個ActionScript類。

     步驟三：將HelloLayabox.as設定為預設應用程式。

    步驟四：雙擊開啟HelloLayabox.as，開始編寫程式碼。將一個“Hello Layabox”的文字新增到舞臺，程式碼如下：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

package {     import laya.display.Text;     public class HelloLayabox      {         public function HelloLayabox()          {             //建立舞臺，預設背景色是黑色的             Laya.init(600, 300);             var txt:Text = new Text();             //設定文字內容             txt.text = "Hello Layabox";             //設定文字顏色為白色，預設顏色為黑色             txt.color = '#ffffff';             //將文字內容新增到舞臺              Laya.stage.addChild(txt);         }      }  }

    步驟五：完成程式碼編寫後，使用之前文章裡配置的編譯器，點選按鈕開始編譯，編譯完成後會自動啟動chrome執行程式碼。

        執行結果如下圖所示：

    步驟六：“Hello Layabox”雖然顯示出來了，但是太簡陋了，下面我們就讓“Hello Layabox”變的好看一些，程式碼如下：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57

package {    import laya.display.Text;         public class HelloLayabox {     public function HelloLayabox() {      //建立舞臺         Laya.init(600, 300);      //舞臺預設背景色是黑色的         var txt:Text = new Text();      txt.text = "Hello Layabox";      //設定文字顏色         txt.color = '#FF0000';      //設定文字字型大小，單位是畫素         txt.fontSize = 66;      //設定字型描邊         txt.stroke = 5;      //描邊為5畫素         txt.strokeColor = '#FFFFFF';      //設定為粗體         txt.bold = true;      //設定文字的顯示起點位置X,Y         txt.pos(60, 100);      //設定舞臺背景色         Laya.stage.bgColor = '#23238E';      //將文字內容新增到舞臺         Laya.stage.addChild(txt);     }    }   }

    執行結果如下圖所示：

    至此，如果您能跟隨本篇入門教程，完成上圖的顯示，恭喜您入門成功，我們已經完成了第一個採用AS3語言開發的HTML5程式，也說明了LayaAir的開發環境配置無誤。

不懂的可以加我的QQ群： 172719352（LayaAir引擎交流群 ）歡迎你的到來哦，看了博文給點腳印唄，謝謝啦~~