cocos2d-js项目目录学习

1、frameworks

  1.1 cocos2d-html5  cocos2d-html5引擎

  1.2 cocos2d-x  cocos2d-x引擎

  1.3 runtime-src 各个平台的项目文件（android/ios/win）

2、res 项目资源文件夹

  2.1 页面启动加载效果的js

3、src 项目代码文件夹

  3.1 app.js 项目代码

  3.2 resource.js 资源的全局变量定义

4、index.html  HTML5基于web应用程序的入口点

（1）包含游戏场景的canvas

（2）引入引擎初始化和加载的引擎脚本CCBoot.js

（3）引入游戏加载效果 js loading.js

（4）引入游戏启动的入口脚本main.js

5、main.js  游戏入口文件，包含游戏初始化代码及启动代码

（1） cc.view.enableRetina(cc.sys.os===cc.sys.OS_IOS? true: false);

表示是否开启高清显示。

（2）cc.view.setDesignresolutiionSize(960,640,cc.ResolutionPolicy.SHOW_ALL);

表示设置屏幕适配。SHOW_ALL表示显示所有，但会出现黑边，NO_BORDER表示没有黑边，游戏部分会显示不全，部分被切割在屏幕，EXACT_FIT表示拉伸，图像变形，FIXED_HEIGHT表示固定高度，FIXED_WIDTH表示固定宽度。

 

6、project.json  工程配置文件

{   
 "project_type": "javascript",   
 "debugMode" : 1,  
 "showFPS" : true, 
 "frameRate" : 60,
 "noCache" : false,    
 "id" : "gameCanvas",  
 "renderMode" : 0,    
 "engineDir":"frameworks/cocos2d-html5",    
 "modules" : ["myCocos2d"],   
 "jsList" : [        
       "src/resource.js",        
       "src/app.js"    
]}

（1）project_type表示项目类型

（2）debugMode：0表示不显示任何调试信息，1在调试端打印信息。

（3）showFPS：设置为true表示在左下解显式绘制函数调用次数、渲染时间和帧率。

（4）id：表示index.html中canvas元素id

（5）renderMode：0表示自动渲染，1强制使用canvas，2强制使用webGL

（6）modules：模块设置

（7）jsList表示脚本列表

 

web项目的启动流程

（1）index.html

（2）加载CCBoot.js

（3）读取project.json

（4）加载resource.js , app.js

（5）运行main.js

（6）加载资源

（7）显示游戏