个人感觉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。
- 将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的项目
然后在浏览器中运行这个项目