细说Cocos2d-JS——项目如何Run起来

在上一篇博客中，我们详细介绍了项目的整体构造以及各个部分的作用。在这篇博客中，我们来简单介绍一下，项目究竟是如何Run起来的！

我们这里主要介绍一下，我们在Web上运行我们的游戏时，大致的启动流程。

第一步：

首先，index.html会生成游戏所需要的canvas（一般都是通过canvas渲染而不是WebGL），然后加载CCBoot.js文件，而CCBoot.js中将预加载所有Cocos2d-JS的HTML5类库，并拉取项目配置文件project.json，项目配置文件中说明了游戏的一些设置以及需要预加载哪些JS文件等。此时，游戏引擎根据project.json中的设置进行相应的操作。

第二步：

接着，等所有的JS文件都预加载完，游戏项目的设置完毕后，会进入由index.html加载的main.js文件，也就是我们的程序入口。main.js主要干了三件事，一是重写cc.game的onStart函数方法，二是调用了cc.game.run()让游戏跑起来，这样一会才会自动调用cc.game的onStart方法，三是在onStart方法中，创建了HelloWorldScene场景。

第三步：

最后，进入到app.js文件中，该文件定义了HelloWorldScene场景，以及实例化了HelloWorldLayer，并添加到场景中。其中，在HelloWorldLayer中使用了Cocos Studio导出的资源。

到这里呢，游戏就算启动完成了，我们就会看到传说中的“Hello World”了。