Cocos2d-JS全貌

Cocos2d-JS is Cocos2d-x engine‘s
JavaScript version that includes Cocos2d-html5 and Cocos2d-x JavaScript Bindings. It equips your game with cross-browser and cross-platform abilities, accompanied by full Cocos2d-x features and simplified JavaScript friendly APIs.

Cocos2d-html5和Cocos2d-x JavaScript捆绑在一起组成的Cocos2d-JS是基于Cocos2d-x引擎的JavaScript版本。通过全面的Cocos2d-x特性和简洁优雅的javascript友好的应用程序接口，该框架可以让你的游戏拥有跨浏览器和平台的能力。

Cocos2d-JS reinvented workflows
for all platforms in v3.0, it provides a consistent development experience for whichever platform you want to distribute to, no matter web and native. "Code once, run everywhere" is incredibly easy and natural in Cocos2d-JS. With one single JavaScript code
base, you can run your game on all web browsers and native platforms including Mac OS, Windows, iOS and Android. This will bring your game great opportunities in almost all channels of distribution. On the other hand, if you are only interested in casual games
on the web, you can embed directly in your web page the Cocos2d-JS Lite Version which is extremely easy to use and light as a feather.

从3.0版本开始，Cocos2d-JS为所有平台打造了了一种全新的工作流，它为任何一个你想分发的平台包括网络和本地提供了一个一致的开发模式。“一次编码，多处运行”在Cocos2d-JS这里显得非常容易和顺理成章。通过简单的JS基石，你开发的游戏可以很容易运行各系统，比如PC端的Mac,
windows,移动端的IOS和Android的浏览器和本地平台。在几乎所有的渠道分发能给你游戏带来巨大的机会。另外，如果你仅仅是感兴趣于web端的游戏开发，你可以直接下载和引用精简版的（Lite Version）Cocos2d-JS版本在你的web页面中，这种方式是相当简单和轻量级的。

Furthermore, JavaScript friendly APIs make your game development
experience a breeze - easy to code, test and distribute. In the meantime, Cocos2d-JS v3.0 is super powerful along with all these cool new features: Editors Support, Assets Manager, Object Pool, JS to Objective-C/JAVA reflection, etc.

此外，JS人性化的API能让你在写代码，测试，发布开发环节上非常轻松，同时，通过编辑器支持，资源管理器，对象池以及JS和OC/JAVA的映射关系等新酷的特性让Cocos2d-JS显得异常强大。

Workflows

  • Cross platforms developers can use Cocos Console to create projects, boost their development with web version engine and deploy games onto all native platforms and all browsers with Cocos Console.
  • Casual web game developers can download the Lite Version and start to develop just like using other web frameworks (e.g. jQuery).

工作流

跨平台者开发可通过Cocos
控制台，可建立项目，并使用web 版本引擎在开发中，同时部署游戏在本地平台和浏览器上面。

web游戏开发者可以像使用别的web框架一样(比如JQ)下载精简版本的Cocos-Js开发。

Download and API reference（下载和API引用）

Main features（主要特征）

  • Support All modern browsers and native platforms
  • 支持现代浏览器和本地平台
  • Scene management (workflow)
  • 场景控制器
  • Transitions between scenes
  • 场景切换
  • Sprites and Sprite Sheets
  • 精灵
  • Effects: Lens, Ripple, Waves, Liquid, etc.
  • 特效
  • Actions (behaviours):
  • 动作
    • Trasformation Actions: Move, Rotate, Scale, Fade, Tint, etc.
    • Composable actions: Sequence, Spawn, Repeat, Reverse
    • Ease Actions: Exp, Sin, Cubic, Elastic, etc.
    • Misc actions: CallFunc, OrbitCamera, Follow, Tween
  • Assets manager (hot update)
  • 资源管理
  • Basic menus and buttons
  • 基本菜单和按钮
  • Integrated with physics engines: Chipmunk and Box2d
  • 相互协调的物理引擎
  • Particle system
  • 颗粒系统
  • Skeleton Animations: Spine and Armature support
  • Fonts:
    • Fast font rendering using Fixed and Variable width fonts
    • Support for .ttf fonts
  • Tile Map support: Orthogonal, Isometric and Hexagonal
  • Parallax scrolling
  • Motion Streak
  • Render To Texture
  • Touch/Accelerometer on mobile devices
  • Touch/Mouse/Keyboard on desktop
  • Sound Engine support (CocosDenshion library) based on OpenAL or WebAudio on web
  • Integrated Slow motion/Fast forward
  • Fast and compressed textures: PVR compressed and uncompressed textures, ETC1 compressed textures, and more
  • Resolution Independence
  • Modularized engine for customization
  • Open Source Commercial Friendly: Compatible with open and closed source projects
  • OpenGL ES 2.0 (mobile) / OpenGL 2.1 (desktop) based
  • Full WebGL support and auto canvas fallback

Documents

时间： 2024-10-04 15:33:24

Cocos2d-JS全貌的相关文章

cocos2d js ClippingNode 制作标题闪亮特效

1.效果图: 之前在<Android 高仿 IOS7 IPhone 解锁 Slide To Unlock>中制作了文字上闪亮移动的效果,这次我们来看下怎样在cocos2d js 中做出类似的效果. 顺便给我公司的游戏打下广告.https://itunes.apple.com/cn/app/kuang-zhan-san-guo/id691116157? mt=8 2.效果原理 很easy.就是一张白色两边羽化的图片在标题上从左往右移动.可是普通的移动会穿帮.我们须要以标题作为模板来截取白色的图片

cocos2d JS 函数类型相互转换(字符串、整形、浮点形、布尔值)

工作忙好些天了,近段时间抽点空分享一下自己学习JS的一点笔记心得做点记录,大神勿喷,谢谢! p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px "PingFang SC" } span.s1 { font: 18.0px Helvetica } 1.字符串的转化 1 var found = false; 2 console.log(found.toString()); //输出 false 3 4 var num1 = 10; 5

cocos2d JS 本地缓存存储登陆记住账号密码-&gt;相当于C++中的UserDefault

在cocos-js 3.0以上的版本中,当我们用到本地存储的时候,发现以前用到的UserDefault在JS中并没有导出,而是换成了LocalStorage. 在LocalStorage.h文件中我们查看了一下源码,使用方法就是设置Key-Value的方式 存储数据:cc.sys.localStorage.setItem("key","value") 获取数据:cc.sys.localStorage.getItem("key") 移除数据:cc.

cocos2d.js

1.节点是Cocos2d最基础的东西 2.坐标与普通数学坐标一致 3.children属性表示节点的孩子,父节点位置变化,它包含的子节点也会跟着变化,以整体的形势移动 4.层(layer), 新建层:var layer = new cc.Layer(); 把层添加到舞台上:scene.addChild(layer); 再把子节点添加到这个层上:layer.addChild(child); 5.实现纯色背景:LayerColor 6.实现渐变的层:LayerGradient 7.Sprite加载背

html5 cocos2d js Access-Control-Allow-Origin

1.No 'Access-Control-Allow-Origin' header is present on the requested 近期在接html5的渠道,遇到了跨域的问题,使用 js 的 ajax post 或者get 方法,仅仅要目标URL略微有点不同,就会有跨域问题,浏览器会由于安全问题自己主动拦截. 这个问题事实上不是client能解决的,最好是目标URL的server代码是你能够控制的.最方便的解决方式是在你訪问的server端页面加代码.比方你如今的地址是 http://a

cocos2d JS 艺术字特殊符号的显示

this.setSocreAtion(score, this.tfMoneyList[index],mun); //传入分数与对象,调用下面的函数 setSocreAtion : function (num,artNumWidget) { num = parseInt(num);//转化为 int var number = num; if(num==0)return; //判断为0直接return,不执行下面的代码 if (num<0){ num = "/"+ num; }els

cocos2d js ScrollView的使用方法

游戏中非常多须要用到ScrollView的情况,也就是须要滚动一片区域. 这里有两种实现方法,一种是使用cocos studio的方式,另外一种是手写代码.先看第一种 第一种记得在设置滚动区域时选取裁剪项. var size = cc.winSize; //读取json文件 var root = ccs.uiReader.widgetFromJsonFile(res.listJson); this.addChild(root); //获取在cocos studio里面设定好的scrollView

cocos2d JS 基础语法运算符

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px "PingFang SC" } 简单且逼格高的运算符 var a = 12; console.log(-a); //输出 -12 - -> 取反 var b = a++; console.log(b); //输出 12 - -> 先赋值b,a再++ b = ++a; console.log(b); //输出 14 - -> ++a赋值b,a先++后赋值 var a

cocos2d JS 基础语法间的函数方法相互调用

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px "PingFang SC" } 1.函数嵌套函数 1 function calcuate(opr, a, b) { // 定义函数,opr - -> 符号,a,b - -> 数值 2 3 //定义 + 函数 4 function add(a, b){ 5 return a + b; 6 } 7 8 //定义 - 函数 9 function sub(a, b){ 10 r

cocos2d JS 设置字幕循环滚动(背景图滚动亦可)

1 var dong = ccs.load("res/Login.json"); 2 this.addChild(dong.node); 3 4 this.cShamNotice = ccui.helper.seekWidgetByName(dong.node,"cShamNotice"); //字幕背景框 5 this.cShamNotice.setVisible(false); 6 var str = "请各位玩家文明娱乐,远离赌博.如发现有赌博行为,