本文介绍了Cocos2d-js引擎在HTML5 canvas上实现2D游戏的工作原理。通过分析工程目录结构、index.html、project.json和关键文件，阐述了从启动到显示内容的流程。用户首先访问index.html，引入CCBoot.js和main.js，接着引擎读取project.json配置，加载js文件。文章以template工程为例，详细讲解了资源加载、场景切换和Layer的使用，为理解Cocos2d-js的开发打下基础。
Cocos2d-js可以实现在网页上运行高性能的2D游戏，实现原理是通过HTML5的canvas标签，该引擎采用Javascript编写，并且有自己的一些语法，因为没有成熟的IDE，一般建立工程是通过WebStorm手动创建文件与文件夹，实现将引擎跑起来，下面详解一下运行过程。
首先，用户最先访问到的是index.html页面，在index.html中引入引擎的启动文件CCBoot.js和自己编写的游戏的启动文件main.js。除此之外，还需要在工程的根目录下写一个project.json，来描述工程，引擎会自动读入这个文件，确定工程的类型、功能设置、引入的模块、自己的js文件列表等。
一般是将cocos2d的引擎拷贝到自己的工程目录下，使用frameworks/cocos2d-html5这个目录下的引擎文件。
下面的流程图说明了cocos2d的基本工作流程：
最低0.47元/天 解锁文章
扫一扫
651
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
