如何使用及参与维护Github的LayaAir引擎源码

引擎项目开源的核心价值，一方面是源代码的开放，可以让大家免费使用，避免重复造轮子。另一方面可以吸引有能力维护源码的开发者共同参与维护，让项目加速前进与成熟。

LayaAir引擎从2.2.0 release版本开始，Layabox团队开始在Github中实时维护。自此，开发者完全不用等官网中每月一次的zip包版本。直接从Github可以随时拉取最新的版本。

自从微信的引擎插件推出以来，共同维护公共版本引擎的需求越来越高。开发者对引擎的私自修改，即不利于修改者升级新版本引擎，也会造成微信中引擎插件无法使用，更是对引擎开源生态资源的浪费。

本篇文档的推出，通过对引擎源码结构及使用的介绍、开源项目维护流程的介绍，希望能帮助开发者更好的使用Github上实时维护的引擎源码，帮助有维护引擎源码能力但不熟悉github维护流程的开发者，顺利加入到LayaAir引擎版本的维护，比如，发现BUG与修复BUG。这是利已利他，让全体引擎使用者受益的善事。

Layabox官方团队，对于参与维护Github的LayaAir引擎，贡献度较多的开发者，会免费提供引擎技术答疑服务。对于突出贡献者会邀请加入LayaAir引擎开源小组，参与引擎技术决策。

一、与LayaAir开源项目相关的GitHub功能

Layabox旗下的项目，LayaAir引擎是开源的，LayaAirIDE与LayaNative等是闭源的。LayaAir引擎的开源代码地址为：

https://github.com/layabox/LayaAir

1.1 关注和参与LayaAir开源项目

直接在浏览器里打开Github的LayaAir地址，顶部我们可以看到 Watch、Star、Fork，这几个按钮。

Watch

点开Watch之后，可以选择关注的模式。选择 Watching后，如下图所示。表示你会关注这个LayaAir开源项目的所有动态，比如，被发起了Issue（社区问题）、被提交了 Pull request（修改合并的拉取请求）等等情况，都会在个人通知中心收到通知消息，和收到邮件（需要设置）。大家对LayaAir引擎选择了Watching后，LayaAir引擎的一切变化都会通知到。

如果开发者不想了解太多日常的更新，只想关注Releases版本的发布等，也可以选择Releases only，这样只有出现新的releases版本、 参与或被提及（被@）时才会被通知。

Star

星标Star，类似点赞功能，Star越多的项目说明在开源圈越火。而且Star之后的项目，也比较容易查找。

希望开发者多多星标点赞支持，我们从最近的LayaAir2.3版才开始在Github开源维护，所以当前赞还不多，这里顺便求个赞。

Fork

Fork是派生分叉版本，对于没有官方项目提交权限的开发者，开发者可以在Github中，先Fork一个分叉版本，

然后提交给自己的Fork版本，再Pull Request给官方，官方项目的管理者一旦通过，就可以合并到官方版本里了。

所以，Fork的数量越多，说明潜在的开源项目维护者基数越大。这里希望有更多的开发者参与到LayaAir开源项目的维护中来。

1.2 引擎release版下载与开源协议

releases

在code标签下，下图中的 releases文本之前是release版的数量，点击releases可以进入LayaAir引擎release版下载页面，如果不参与引擎的修改维护，从这里下载和从官网下载都是一样的。对于使用Watch关注了LayaAir引擎项目的开发者，每次发布releases版本后，还会收到releases发布通知。

提示：

1、github的layaAir是从2.2.0 release版开始。更早的历史版本还需Layabox官网下载。

2、github中的releases功能中，仅提供LayaAir引擎release版本下载。引擎beta版、LayaAirIDE、LayaNative只能通过Layabox官网下载。

所以，github中主要用户群体还是针对有源码维护能力的开发者，本篇文档也是面向有意于参与LayaAir引擎维护的开发者。

View license

点击View license打开，可以查看LayaAir引擎的使用协议。这里重点提示一下，LayaAir引擎并没有使用国际通用的开源协议，采用的是引擎私有协议。这里简要提及一下，所有使用了包含LayaAir引擎的产品，必须在产品页任意可见位置增加 “Powered by LayaAir Engine” 字样，否则LayaAir引擎官方有权要求该产品停止引擎的使用，有权要求未遵守引擎使用协议的产品从所有运营平台中下架该产品。

1.3 问题社区（Issues）

除了官方网站的社区外，我们还在GitHub中开启了Issues功能，可以用于LayaAir引擎BUG的反馈，以及引擎版本相关的意见和建议交流。LayaAir引擎维护者会不定期进行关注和给予响应回复。

二、了解LayaAir分支与Clone

2.1 LayaAir引擎的分支结构

LayaAir引擎在Github中包括众多的分支，要使用LayaAir引擎开源项目，则需要先了解其分支的结构。

在Github网站的LayaAir开源项目中，打开branches页面或者Branch选项框，可以查看和搜索各个分支版本，如下图所示。

2.1.1 主分支

默认的主分支是master，这是一个始终处于最新开发状态的引擎主干分支，版本分支来自于主分支。

2.1.2 版本分支

另外的重要系列分支是带着版本号的分支，如上图的XX_2.2.0，XX_2.3.0等。

这里需要重点说一下的是，版本命名我们后续会有所调整，一是，从LayaAir 2.5开始由release_版本号这种版本分支的命名方式改为LayaAir_版本号，因为最新的版本在官方要推出beta版的时候，分支就必须要产生，此时版本并未稳定，所以直接叫release可能会让开发者误解。

二是，后续版本号只保留一位小数点，比如LayaAir_2.5，LayaAir_2.6……。原因是，如果使用LayaAir_2.5.0，可能会让开发者误解为，Github的LayaAir_2.5.0分支与官网发布的LayaAir 2.5.0是对应关系，实际上，我们会持续维护版本分支，每一个大版本分支上，如果发现有BUG，仍然会保持维护下去，这样可以保障开发者在不升级版本的情况下，可以更加稳定。比如，官网出现LayaAir 2.5.3了，github上的LayaAir源码版本分支仍然只会是LayaAir_2.5。

2.1.3 其它分支

开发者需要关注的只有主干分支与版本分支，其它名称的分支，如无特别说明，通常为LayaAir引擎团队内部使用的测试分支，开发者不要使用。

2.2 Fork 一个LayaAir的分支

作为一个想参与LayaAir开源项目维护的开发者，Fork一个LayaAir引擎分支，这是必须要做的事。

Fork之后，自己的Github帐号下就会多出一个LayaAir的仓库（repositories）。我们可以看到仓库项目名左侧的图标是一个分叉图标，其下有fork来源的英文描述 forked from layabox/LayaAir （译：分叉版本来自layabox帐号下的LayaAir项目），如下图所示。

2.3 克隆与下载（Clone or download）

Fork之后，要在自己的仓库克隆LayaAir项目，而不是克隆LayaAir引擎官方项目。因为pull（拉取）官方的仓库，开发者只能使用而没有修改提交的权限。

推荐TortoiseGit使用来克隆LayaAir引擎的开源项目，关于Github帐号的创建以及Git工具的基础使用，以及如何克隆和拉取LayaAir引擎，这种比较基础的Git操作，本篇就不展开介绍了，大家如有疑惑可以百度查询。

Git文档的推荐网站：https://git-scm.com/book/zh/v2

三、概述LayaAir源码结构

3.1 Github的LayaAir源码作用

在Layabox官网的引擎下载共有四个版本，分别为AS、TS、JS、TsNew，对应IDE创建项目的编程语言为ActionScript3、TypeScript、JavaScript、TypeScript实验版。

其中只有TypeScript实验版是源码版本，AS、TS、JS这三个版本的引擎其实是引擎源码编译生成的JS库。JS库引擎代码的可读性相对于源码较差。

如果我们想修改引擎的BUG或者新增功能，我们的建议是在Github的LayaAir源码版本上修改，然后生成引擎JS库来替换。而不是直接在JS库里修改。

另外就是希望更多的开发者通过Github平台参与LayaAir引擎开源项目，共同维护，成为LayaAir引擎的贡献者。

3.2 本地开发环境提醒

尽管很多开发者已安装了TS的全局开发环境，但本篇，仍建议开发者在VSCode的shell命令行下，再次执行npm的本地环境安装命令 npm install，以保障引擎编译的正常运行。

Gulp全局环境也需要安装，LayaAir开发者基本上都会安装，不会的可以查看Layabox官方文档，这里就不讲了。

VSCode相关文档：《VSCode高效开发工作流配置指南》

3.3 LayaAir源码项目结构说明

用VSCode打开clone下来的LayaAir引擎目录。安装好本地开发环境后，根目录结构如下图所示。

3.3.1 bin目录

bin目录是源码编译后的运行目录，用于引擎示例的快捷切换与调试，包括了两种编译方式的js库调试方式，tsc与rollUp。通过查看与调试这里的测试示例DEMO，验证引擎是否存在影响运行的BUG。

通用的资源目录res与3D物理js这里就不详细说明了，我们来重点了解一下tsc与rollup模式的入口文件。

tsc调试相关

tsc调试模式是LayaAir开源项目默认配置好的调试模式，在VSCode中使用F5调试的时候，会自动采用tsc模式编译，发布的js就在bin/tsc目录下。indexTSC.html是tsc模式的示例入口文件。如下图所示。

rollUp调试相关

相对于tsc的单文件编译，rollUp编译会形成一个完整的js库。

如果要使用rollup编译，需要先安装好rollup全局环境，命令为 npm i rollup -g。

准备好rollup环境，在VSCode的shell命令行下进入src/samples目录，执行 rollup -c，即可编译生成rollup的js引擎与示例库。

要注意的是，如果首次采用rollup编译，编译四五分钟，甚至十几分钟，也是正常的，因电脑性能差异会有所不同，卡住了就多等会，不要直接终止。首次编译缓存后，以后编译就会快起来。如下图所示。

编译结束后，我们看到bin目录下的rollup示例相关的结构如下图所示。

bundle.js是整合了引擎与示例的js库，indexRollUp.html是rollup调试模式的示例入口文件。

运行入口文件

无论是tsc编译模式，还是rollup编译模式，开发者任选其一即可。

编译之后的运行，推荐采用anywhere启动一个本地的web服务。命令 anywhere 端口号，端口号自己定义，不冲突就行，参照如下图所示。

如果本地装没有anywhere，可以安装下，命令： npm i anywhere -g

web服务运行起来之后。按命令行中的网址在chrome浏览器中访问，点开tsc编译模式或者rollup编译模式对应的html入口文件即可。

3.3.2 src目录

src目录内包括了引擎源码、引擎测试用例源码、插件源码等。目录结构如下图所示。

buildtools

引擎团队测试使用的内部rollup插件工具，当前，开发者无需关注。

casetest

引擎团队用于搭建引擎自动测试的工程，当前仍在开发调整中，未来也许会改名，开发者无需关注。

extensions

引擎插件源码目录，当前只有debugtool插件。

generateDoc

用于生成引擎API文档的项目源码。拖拽该目录下的 run.bat 到命令行直接执行即可生成API文档。doc目录下的文件是生成好的API文档。

layaAir

LayaAir引擎源码目录。对于引擎的BUG修改，功能增加，都在这里完成。最终通过编译工具，生成js库来使用。

publishTool

存放AS编译工具，以及生成AS引擎壳文件和用于代码提示的d.ts文件目录。

命令行下进入publish.bat同级目录，运行该目录下的publish.bat 即可发布生成。

samples

引擎测试用例的源码项目目录，bin目录下的测试DEMO来源于此处项目源码的编译。

根目录下的文件

gulpfile.js 文件

发布js用的gulp任务文件。

LICENSE 文件

Layabox引擎软件使用的声明

package.json 文件

npm的package.json配置，这里有LayaAir源码项目的描述信息，描述了项目的git仓库地址，社区地址， shell命令入口，引擎作者，项目依赖环境的最小版本等等。

重点介绍一下package.json 当前内置的三个脚本命令，分别为publishTool与generateDoc目录内的bat执行和引擎源码的编译。

之前我们知道了进入到目录内执行XX.bat的方法，通过package.json配置的shell命令入口，还可以在根目录来执行npm run 脚本名称，来调用相关的脚本。

比如，npm run build 会执行publish.bat，npm run buildDoc会执行文档的run.bat，npm run compile会编译引擎源码。如下图所示。

四、关于LayaAir引擎源码编译

在上一小节，我们已经简单的提及编译相关的命令。本小节会重点针对引擎编译成js库的方式进行介绍。

日常开发时，开发者可以使用F5进行引擎编译。因为我们将F5调试配置文件（ launch.json）已默认设置为node模式，并设置了LayaAirBuild的gulp任务。如下图所示。

这与我们之前提到的shell命令npm run compile实际上是一样的。打开package.json配置文件，可以看到compile指向的gulp任务也是 LayaAirBuild。如下图所示。

为了进一步了解LayaAirBuild这个gulp任务，我们直接打开根目录的gulpfile.js。

这时，可以看到LayaAirBuild任务中又执行了tsc与LayaAirShaderCopy这两个gulp任务。如下图所示。

通过查看gulpfile.js中的tsc与LayaAirShaderCopy任务。我们可以看出，名称为tsc的gulp任务是通过调用本地的tsc.cmd来编译引擎及示例。名称为LayaAirShaderCopy的gulp任务是用来复制shader相关文件的。

除非是第一次编译，必须要执行LayaAirBuild这个gulp任务，也就是说tsc与LayaAirShaderCopy任务都要执行。在后续的日常编译中，shader没有改变的话，只执行示例及引擎的gulp编译任务(tsc)就行了。如果是rollup编译模式，则是在src/samples目录，执行shell命令 rollup -c，也可以编译示例及引擎。

假如，示例也没有改变，那我们也可以只编译引擎，在VSCode中使用快捷键 Ctrl + Shift + B 打开任务面板，选择tsc:构建 - src/layaAir/tsconfig.json 进行编译即可。如下图所示。

五、同步LayaAir引擎官方项目及提交

5.1 同步LayaAir引擎官方项目

之前我们介绍了将LayaAir引擎源码项目Fork到自己的github帐号下，那如果LayaAir引擎源码更新了，如何同步，本小节将进行介绍。

5.1.1 创建一个layaAir远程分支

我们先在本地Git Bash命令行中，使用git命令创建一个layaAir官方的远程分支，命令全文如下:

git remote add layaAir https://github.com/layabox/LayaAir.git

创建完远程分支，我们可以使用查看远程分支的命令（git remote -v ）看到已添加成功的远程分支。效果如下图所示。

5.1.2 获取layaAir官方分支的最新版本

layaAir远程分支添加成功后，可以使用 git fetch layaAir 命令获取layaAir官方的分支到本地。

5.1.3 合并分支

当本地已存在layaAir官方的分支后，再通过 git merge layaAir/master 命令，合并到本地的分支版本中。如下图所示。

5.1.4 提交到自己的git仓库

合并到本地的版本后，自己github上的版本仍是未同步的，如果要同步，还需要再提交到自己的github仓库中。

这时就用日常的push命令就可以了。效果如下图所示。

5.2 提交给LayaAir官方项目

当我们对本地的引擎项目进行开发并测试无BUG后，可以将修改提交给LayaAir官方。

提交前要先确认已将本地的修改push到自己的仓库，然后打开自己的github仓库首页（fork了LayaAir那个），点击New pull request 按钮。如下图所示。

点击之后，会跳转到LayaAir官方仓库的提交请求页面。如下图所示。

如果是绿色文字提示Able to merge，说明是可以合并的状态。如果是红色文字提示Can’t automatically merge. 那说明有冲突，要先解决好冲突再来提交。

可以合并的状态下，直接点Create pull request按钮，输入提交理由即可。点击后，如下图所示。

建议认真和仔细填写，有助于引擎团队更有效率的审核。

填写完本次提交的说明信息，再次点Create pull request按钮，会跳转到已提交的pull requests内容页面，如下图所示。

看到这个页面，就说明，已完成了本次的源码提交请求，等待引擎团队成员审核即可。

提交成功之后的内容，所有人都可以在LayaAir官方仓库的pull requests页面里查看状态。

至此，开发者应该可以学会LayaAir开源维护的完整流程了，如果有疑问，可以加入Layabox贡献者的QQ交流群(群号948868172)。有意参与LayaAir引擎维护的开发者加入这个群后，可以对于如何使用Git，以及在github的LayaAir源码修改和贡献的过程中遇到的问题，进行答疑解惑。另外，对于layaAir引擎开源社区的积极贡献者，可以免费获得引擎官方的技术答疑服务。

写在最后

引擎官网在发布beta版后，有时会听到开发者反馈新版引擎不稳定。希望这些开发者能理解beta版本的含义，从名称上可以看出beta版是测试版。beta版的推出是让有能力参与维护源码的开发者，以及购买了企业技术服务的开发者来尝鲜，优先体验新的引擎功能和特性，以及参与深度的测试。毕竟引擎测试用例可能覆盖的场景复杂度还不够。

而除了beta版之外的release版本，最少也是经过了一个多月的问题收集后，修复了已知BUG的稳定版本，所以建议没有源码维护能力的开发者使用release版来开发产品。

写这篇文档，自然是希望更多的人来参与到LayaAir开源生态的建设中来，如果您有源码的维护能力，希望积极参与beta版本的体验，一起发现BUG与修复BUG，然后提交到github中，让更多的人受益。引擎源码的成熟与稳定是大家共同的财富。

一个良性的开源引擎生态，除了对于源代码的贡献外，自然也离不开商业模式的支撑。作为LayaAir开源项目的主要维护者Layabox团队，也提供引擎技术服务的商业合作模式，为没有源码维护能力的开发者，也可以率先体验引擎的新特性，优先且即时的处理引擎中存在的BUG。

无论是参与源码维护的开发者，还是引擎技术服务的购买者，都是引擎开源生态的贡献者，有了你们的支持，引擎生态才会良性发展下去。感谢大家。

END

推荐阅读：

科普：零基础了解3D游戏开发

应对苹果iOS新规，Layabox再次成功过审HTML5的APP包，同时推出iOS过审协助服务

引擎版本更新说明：

• LayaAir2.4的3D物理引擎库体积减少近50%、编码模块不再内嵌到LayaAirIDE，支持微信引擎插件。

• LayaAir2.3支持任意多光源渲染, 引擎开始在GitHub实时提交维护了！3D导出插件支持Unity2018了！

• LayaAir2.2引擎源码全面切换至TypeScript，支持WebGL2.0

• LayaAir 2.1 已废除Canvas API兼容！