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

细说Cocos2d-JS——项目如何Run起来,第1张

概述在上一篇博客中,我们详细介绍了项目的整体构造以及各个部分的作用。在这篇博客中,我们来简单介绍一下,项目究竟是如何Run起来的! 我们这里主要介绍一下,我们在Web上运行我们的游戏时,大致的启动流程。 第一步: 首先,index.html会生成游戏所需要的canvas(一般都是通过canvas渲染而不是WebGL),然后加载CCBoot.js文件,而CCBoot.js中将预加载所有Cocos2d-J

在上一篇博客中,我们详细介绍了项目的整体构造以及各个部分的作用。在这篇博客中,我们来简单介绍一下,项目究竟是如何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”了。

总结

以上是内存溢出为你收集整理的细说Cocos2d-JS——项目如何Run起来全部内容,希望文章能够帮你解决细说Cocos2d-JS——项目如何Run起来所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1068533.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-26
下一篇 2022-05-26

发表评论

登录后才能评论

评论列表(0条)

保存