Cocos2d-JS 学习笔记［1］

个人感觉cocos2d-js（cocos2d-html5  + javascriptBingding）是一个很好的游戏开发引擎。开发出来的游戏也可以比较简单的移植到android和ios，同时也支持编译成windows和mac应用。相比较cocos2d-x，ch5（cocos2d-html5)可以写更少的代码做到同样的事情。且接口简单。不像C++那样晦涩难懂。

在Cocos2d-JS v3.0 alpha版中，由于重构了大量以前C++风格的API并为Javascript开发者提供了很友好的API设计，JSB的API也如此改造以保证Html5和JSB之间的代码共享，详细信息请参见发布说明。更重要的是，我们将Cocos2d-html5和Cocos2d-JSBinding合并为一个仓库：Cocos2d-JS。所以只要开发者使用JS开发游戏，那么不论游戏会发布到哪个平台，都可以使用Cocos2d-JS来进行开发。

主要特性

• 支持所有现代浏览器和原生平台（Android, iOS, Mac OSX, Windows）
• 场景管理
• 场景切换特效
• 精灵与精灵帧动画
• 特效：Lens, Ripple, Waves, Liquid, 等等.
• 动作：
  • 普通动作：Move, Rotate, Scale, Fade, Tint, etc.
  • 组合动作：Sequence, Spawn, Repeat, Reverse
  • 变速动作：Exp, Sin, Cubic, Elastic, etc.
  • 其他动作：CallFunc, OrbitCamera, Follow, Tween
• 菜单与按钮
• 集成物理引擎：Chipmunk或Box2d
• 粒子系统
• 骨骼动画：支持Spine和Armature
• 字体：
  • 固定或可变宽度字体快速渲染
  • 支持.ttf字体
• 瓦片地图支持：正交，等距和六边形
• 视差滚动
• 运动轨迹特效
• 绘制到纹理
• 移动设备上的触摸和加速度计支持
• 桌面设备上的触摸，鼠标和键盘支持
• 声音引擎支持，基于OpenAL或WebAudio
• 集成慢动作，快进效果
• 高效压缩纹理支持：PVR压缩或未压缩纹理，ETC1压缩纹理
• 独立于分辨率的适配
• 可定制的模块化引擎
• 友好开源项目：适用于任何开源或闭源项目
• 基于OpenGL ES 2.0（移动设备）／ OpenGL 2.1（桌面设备）
• 完整WebGL支持和在不支持WebGL设备上自动使用Canvas

一开始看不懂的某些优点就可以理解成这款引擎很给力，以后慢慢学习。

首先从官网上下载cocos2d-js的安装包，然后解压。

想看全面的API可以去这里:http://www.cocos2d-x.org/reference/html5-js/V3.0beta/index.html

cocos2d的online API汇总：http://www.cocos2d-x.org/wiki/Reference

使用的cocos2d-js版本为：cocos2d-js-v3.0-alpha2

使用的cocos2d-html5版本为：Cocos2d-html5-v3.0 alpha 2

cocos2d-js的下载地址为：http://www.cocos2d-x.org/download/

安装

首先，你需要安装这个工具，当开发者将Cocos2d-JS仓库下载下来以后，会在根目录下发现setup.py安装文件。打开终端并进入Cocos2d-JS文件夹，然后运行./setup.py。在安装过程中，你可能需要提供你的NDK，Android SDK和ANT目录。请注意，这个工具是使用python来开发的，你将需要首先安装python 2.7.5或2.7.6，但是setup.py并不支持python3。

一些有用的链接和安装指引:

• Python 2.7.6
• Android SDK
• NDK

• Ant binary release

  • 下载Ant。
  • 将Ant解压到你指定的文件夹。
  • 设置JAVA_HOME环境变量到你的Java路径，ANT_HOME到刚刚解压的文件夹，再将${ANT_HOME}/bin (Unix)或%ANT_HOME%/bin (Windows)加入到PATH中。

  // Example: 在命令行中运行或添加到.bash_profile(Mac)
  export ANT_ROOT=/usr/local/ant/bin
  export JAVA_HOME=/usr/local/jdk1.7.0_51
  

Usage

成功安装以后，开发者就可以开始在终端中使用cocos命令。

创建一个新项目

• 创建一个同时包含Cocos2d-x JSB和Cocos2d-html5的项目:

  cocos new projectName -l js
  

• 创建一个仅支持Cocos2d-html5的项目:

  cocos new projectName -l js --no-native
  

• 创建项目到指定目录:

  cocos new projectName -l js -d ./Projects
  

• 
  

运行项目

• 使用浏览器运行web版项目:

  cd directory/to/project
  cocos run -p web
  

• 编译并将项目运行在Cocos2d-JSB上:

  cd directory/to/project
  cocos compile -p ios|mac|android|web
  cocos run -p ios|mac|android
  

• 选项

  -p platform : The platform can be ios|mac|android|web.
  -s source   : Your project directory, if not specified the current directory will be used.
  -q          : Quiet mode, remove log messages.
  -m mode     : Mode debug or release, debug is default
  --source-map: General source-map file. (Web platform only)
  

• 
  

按照官网的提示创建一个叫MyGameName的项目

然后在浏览器中运行这个项目