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的项目

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









发布了39 篇原创文章 · 获赞 4 · 访问量 26万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览