cocos2d-js是cocos2d-x的JavaScript版本,真正跨全平台的游戏引擎,采用原生JavaScript语言,可发布到包括Web平台,iOS,Android,Windows Phone8...开始cocos2d-js开发前,需要洗洗脑,知道cocos2d-js的平面坐标情况。这跟HTML和canvas的布局都不一样。 ?...在cocos2d-js游戏中,画面的左下角是(0,0),x从左往右递增,而y是从下往上递增的,跟数学的二维坐标系一致。...Cocos2d-js框架把游戏拆分为很多个场景,当玩家在不同界面切换的时候,框架实际上就是让游戏画面在不同场景中切换。跟Flash一样,cocos2d-js也有最基本的元素——节点Node。...通过这个简单例子,我们对cocos2d-js制作HTML5有了初步印象。
本文以cocos2d-js为例,但cocos2dx其他版本也是同理的,只是函数名略有不同而已。
在PC的chrome运行,cocos2d-js和createjs都能满帧60fps,轻松搞掂无压力。 ?...cocos2d-js:使用webGL,帧频不断变化,最高有55fps,最低只有29fps。 ? 如果让cocos2d-js强制在canvas 2d模式下渲染,帧频只有26fps左右。...cocos2d-js在UC浏览器上运行,勉强支撑40个小人,帧频13到23fps之间波动。 ?...这可能是手机CPU性能带来的主要瓶颈吧,所以在手机上只能多依赖GPU,要么发布为native,要么只给iOS 8(带webgl)的高帅富使用。...cocos2d-js: ? createjs: ? 小结: 总体来说,由于cocos2d-js可以在webgl上渲染,所以性能会比createjs要好。
上线之初仅支持 iOS,React 也在9月14号对 Android 提供了支持服务,这几天意味着你可以使用同一套逻辑和架构、同一门语言实现 Web、iOS、Android 的开发。...Cocos2d-js Cocos2d-JS 是 Cocos2d-x 的 JavaScript 版本,融合了 Cocos2d-html5 和Cocos2d-x JavaScript Bindings。...在3.0版中,Cocos2d-JS 完成了不同平台工作流的彻底整合,为不同平台提供了统一的开发体验。...采用 Cocos2d-JS 开发的同一套 JavaScript 游戏代码,可以同时运行在 Mac OS X, Windows, iOS, Android等原生平台、以及所有现代浏览器上,这将使得我们的开发者轻松覆盖几乎所有发行渠道...另一方面,若开发者只想开发一款 Web 轻度休闲游戏,Cocos2d-JS 也专门为此类游戏定制了 Lite Version,直接将 Cocos2d-JS Lite Version 集成到页面中即可使用
Native (简称RN) 是 Facebook 于 2015 年 4 月开源的跨平台移动应用开发框架,是 Facebook 早先开源的 JS 框架 React 在原生移动应用平台的衍生产物,目前支持 iOS...做到了一套代码可以运行在 Web、安卓和 IOS 上。 5....游戏 代表 Cocos2d-js 和 Unity 3D,还有 Pomelo、Bearcat 世界上最流行的 2D 游戏引擎之一 Cocos2d 和最流行的 3D 游戏引擎之一均支持 JS 开发游戏。...Cocos2d-JS Cocos2d-JS 是跨全平台的游戏引擎,采用原生 JavaScript 语言,可发布到包括 Web 平台,iOS,Android,Windows Phone8,Mac,Windows...Cocos2d-JS 让2D 的游戏编程门槛更低,使用更加容易和高效。
今年基本都淡出了cocos2d-js的开发,更多集中在普通H5应用上,还有自己的Fanvas组件(http://code.tencent.com/),做canvas动画。...一个呢,就是随着大家有钱起来,街上用iPhone 6、6s的人越来越多了,ios 9的覆盖率也越来越高。ios 9代表什么呢?代表强有力的支持webgl啊。 另外,Android方面也有好消息。...相对比,白鹭引擎、cocos2d-js官方出的所谓runtime,可能原生的webgl来得更纯粹一些,不需要任何的附加条件就可以使用GPU加速。
从最开始 Shawn 也一直在思考如何实现在原生环境上的屏幕点击模拟,之前的思路是分别在 iOS\Android 上分别实现一套原生的 JSB 接口,调用系统的能力来模拟真实的屏幕触摸,不过要让大家使用起来需要折腾...Shawn早在Cocos2d-js时使用过Cocos官方开发的Cocos2d-js devtool工具,看下图: ?...它是直接将一段 JS 代码嵌入已经运行的 Cocos2d-js 游戏中,如果将新手引导的自动执行能力动态嵌入一个 CocosCreator H5 游戏那将会是什么呢?—— 外挂!
熟悉js的dom事件或者flash事件的,基本都能立马明白cc.eventManager的用法。 cc.eventManager有两种注册监听器的方式,一种是原...
其实这里只简单对比3个浏览器,估计也足够代表性了。 结论是: 1、有webgl支持的时候,就可以尽情的耍吧; 2、没有webgl,能native就native。...
Flash在滤镜方面做得比较成熟,starling也有很多现成的办法。 但Cocos2D这里就显得比较单薄,百度/谷歌很少相关资料。 后续如果有时间,再慢慢整理...
已实现的功能(1.0-alpha): 简单地创建 cocos2d lua & js project 提供 cocos2d lua & js 代码提示 能够方便地在iOS/Mac/Android/Windows...平台上调试代码,包含iOS/Android的设备和模拟器 不须要进行耗时巨长的native编译就能够执行游戏代码 保存代码后不须要重新启动游戏就能够看到修改后的效果 暂未实现的功能(1.0-alpha...cocos lua binding 游戏请下载基于cocos2d-x 3.0rc0的改动版 ( 主站下载(国内较慢) | 国内镜像(较快) ) 开发 cocos js binding 游戏请下载基于 cocos2d-js...alpha 的改动版 ( 主站下载(国内较慢) | 国内镜像(较快)) 额外需求 假设要在 iOS Simulator 上调试,须要 保证你的 Mac 上安装了 iOS Simulator...你须要: 目标平台 工具 Mac OS X/iOS XCode Windows VS2012 或更高版本号 Android NDK, ANT 具体的创建project的步骤參考这个
一、框架简介 今天我将把我写的一套适用于Cocos2d-JS的一套MVC框架分享给大家。首先我先简单介绍一下MVC,然后再逐步的介绍我写的mvc框架和在游戏中的具体应用。...框架的简单介绍就到这里,接下来我会详细介绍Cocos2d-JS中简易MVC各个模块的实现和应用。
Shawn在奎特尔星球上呆了有大半年了,再加上之前在奎特尔的兄弟星球cocos2d-js上开垦了三年,略有心得,愿与你分享。...五、Native 会编译ios\android\mac\win32 这些平台上的原生应用,至少2个 了解ios\android\mac\win32工程配置,能看懂SDK接入文档,至少2个 最好是会用c+...+,ios\android开发懂一点最好 熟悉Creator提供的jsb相关api,反射机制,jsb绑定 六、调试 chrome调试creator web应用 微信devtool调试creator web...应用 Safari调试iphone web firefox调试原生ios/android/mac/win ,目前1.7已经不用firefox了,苹果上用safari,其它平台用chrome 七、工程自动化...配置转换、构建打包、上传下载、GM工具等 如果是从c++转做cocos creator,前期重点可放在js语言与creator 组件的UI开发上面,当有所产出后,可以从windows c++或xcode ios
【本文被整理到cocos2d-js官方介绍中:http://cn.cocos2d-x.org/tutorial/show?...现在正好拿素材来做个cocos2d-js的版本。暂时在手机上运行闪退,还没时间看具体原因。 在chrome下运行,内存控制还不错,可见cocos2d-js的对象池和粒子系统的回收都做得不错。...吐槽一下~~~) http://kenkozheng.github.io/cocos/hungry_hero/index.html 代码地址: https://github.com/kenkozheng/cocos2d-js
(); cc.kmGLPopMatrix(); }); } }); 另外,在new cc.GLProgram后retain一下就可以兼容jsb了(cocos2d-js
首先介绍一个api和相应的参数: cc.view.setDesignResolutionSize(1024, 768, cc.ResolutionPolicy....
由于cocos2d-js V3.1只支持2.0到2.2版本的DragonBonesDesignPanel,所以我们不能直接使用官网提供的最新版DragonBonesDesignPanel。...另外,由于DragonBones和Cocos2d-js都是开源的, 所以如果还有进一步问题,我们可以学习一下zrong,自己动手修改代码。当然,你需要知道怎么用Flash builder。。。...分享给大家: 只需要按照DragonBones的制作规范制作动画,再使用修改版的DragonBonesDesignPanel,就可以轻松在cocos2d-js加载DragonBones骨骼动画。...因为最后一帧到第一帧这个过程,DragonBones自己的运行库会做平缓过度,而cocos2d-js解析则没有这个过度,所以我们就要自己动手加一帧了。 ? 凑合着,还是可以用起来了。...我们可以考虑自行加上js绑定,从而让cocos2d-js也用上最新版的DragonBones。咳咳,当然,这个工作得有需求推动啊,如果有时间的话,笔者也许会尝试一下吧。
因为cocos2d-js使用spidermonkey作为js解析引擎,这个玩意就是mozilla派的,所以用firefox做远程调试。题外话。。。
Mediator作为这套MVC框架的核心部分承载了大部分的功能。Mediator主要分三类:DirectorMediator,SceneMediator,Lay...
cocos2d-js定位 cocos2d-js是喊着Cocos2D-X的金钥匙出身的,它仅仅是Cocos2D-X的一个HTML5实现的分支。...功能 cocos2d-js的功能提供的相当完整,你在游戏中需要的功能几乎都能够找到。 ?...Egret iOS & Android Support:这两个东西可以将你的HTML5游戏打包成原生APP。 还有一些其他的工具,但定位与游戏开发不同,有兴趣可以去它的官网看。...cocos2d-js Cocos2d-js近年来变化很大,但对于JS这个分支的支持却少之又少。前一段时间新出了一个工具叫做Cocos Creator。...只有Egret和Cocos2D-js提供了相关可视化编辑工具。而这两对于工作流的理解则完全不同。从产品中不难看出,Cocos2D-JS更像Unity3D,提供一个大而全的软件给开发者用。
领取专属 10元无门槛券
手把手带您无忧上云