1. 程式人生 > >Egret小白學習手冊(一)

Egret小白學習手冊(一)

        Emmmmm,先說最最最最重要的。作者目前也是在學習白鷺引擎的初級階段,又很多地方可能講解還不夠細緻活著正確,大家還是要以官方為準,我的僅供參考。又不足或者模糊的地方可以評論隨意指出,或qq私聊詢問。之後我會持續不定期釋出Egret引擎的學習教程,想要了解Egret引擎的盆友記得加關注呦。嚶嚶嚶~~很初級的教程,我會用很多圖讓大家直觀的學習,避免走彎路,之後的程式碼和引擎庫學習,希望朋友們看過我的講解之後再多去磕一磕,自我吸收一下,便於迅速上手。

        好,其它的廢話不多說,首先我來介紹一下Egret(白鷺引擎),後邊我就寫Egret了。首先我們知道Egret是一款h5的遊戲引擎,通過Egret,我們可以快速地建立可以執行在

手機App的WebView或者瀏覽器中的HTML5移動遊戲。遵循HTML5標準的2D引擎及全新打造的3D引擎,解決了HTML5效能問題及碎片化問題,靈活地滿足開發者2D或3D遊戲的需求,並有著極強的跨平臺執行能力。其次這是一款極其輕量級的遊戲引擎,主要用的程式語言是TypeScript。最成功的作品是《圍住神經貓》。。。額。。這些八卦的事我就不多說了,關於Egret引擎隨便去百度都會有很多介紹。程式設計師嘛,多看百度,多逛知乎。

        好了,廢話少說,我們先來下載要搞的東西!!!白鷺官網就可以下載,地址( https://www.egret.com)。下載最新版本就好了,下載好之後開啟是這樣的介面(帳號什麼的自己註冊就好了,都是中文我就不寫進來了)。感興趣可以點選新聞裡的超連結進去走走瞧瞧,看看大佬的作品,也好對這個引擎的強大有個認知。

OK,接下來。我們下載好Egret之後,開始下載我們開發真正需要的引擎,下載詳細看圖,我在圖裡標示。

OK,走到這步我們已經完成了一多半工作了,如果好奇心重的朋友,現在就可以點選頂部的專案攔來新建一個操作了。不過新手的話最好先不要急,跟著我一步一步來。我們開發遊戲,寫程式碼是必須的了,所以選擇一個好的編碼工具往往可以讓你事半功倍。過去我在搞Unity3d開發的時候用VS和Mono,現在我們就先不用這個,我個人覺的VS下載太麻煩,對新手不友好。所以不如選擇我們即將要下載的EgretWing3工具,簡便又好用,具體怎麼下載請看圖。

OK,現在倚天屠龍都有了,我們可以一統江湖了!現在我們已經完成Egret開發所需要的大部分工具了。我們繼續往下走。現在我們終於可以新建專案來玩耍了。

        在建立專案的時候擴充套件庫我們目前保持預設就好了,以後用到了再加也不晚。一樣看圖。。。

        第一次建立成功之後系統會自動幫我們用Wing3開啟,之後我們再想開啟的時候可以點選專案列表,看到我們建立的專案,點選專案框框下邊的小翅膀即可用EgretWing3打開了,詳情看圖。匯入專案不用我說了吧,找到地址匯入就ok了,只要格式對就好。

OK,我們接著再來認識一下Wing3。我還是用圖的形式先介紹一下各種按鈕以及資料夾的作用。

注意libs檔案夾了會在編譯之後出現一個exml.e.d.ts檔案,這個不要刪除,是有用的,當然所有其它自帶的指令碼和資料夾都不要隨便刪除,不然會出現各種各樣的問題,很藍瘦。除錯過程中也不要使用翻牆軟體,會除錯失敗的。resource中有個assets資料夾,我們之後想新增圖片的時候都會放在這裡。src資料夾只存放我們寫的各種指令碼。至於其它的資料夾我們先不要管。

之後還會有很多特殊的指令碼檔案,那些在我們用到的時候再一一解釋。

Emmmmmm,這一篇就先帶大家下載安裝好引擎和工具。我們下一章給大家解析一下Egret自帶的一個小demo。這章就到這結束了,在下一張出來之前,大家可以自己琢磨琢磨,有什麼問題可以留言。