本文以cocos2d-js为例,但cocos2dx其他版本也是同理的,只是函数名略有不同而已。
再说说js类库的开发步骤: 1、 下载类库 2、 新建HTML页面,引入相应类库 3、 在onload之后,编写cocos2d-js代码,从cc.game.run()开始。...开始cocos2d-js开发前,需要洗洗脑,知道cocos2d-js的平面坐标情况。这跟HTML和canvas的布局都不一样。 ?...在cocos2d-js游戏中,画面的左下角是(0,0),x从左往右递增,而y是从下往上递增的,跟数学的二维坐标系一致。...Cocos2d-js框架把游戏拆分为很多个场景,当玩家在不同界面切换的时候,框架实际上就是让游戏画面在不同场景中切换。跟Flash一样,cocos2d-js也有最基本的元素——节点Node。...通过这个简单例子,我们对cocos2d-js制作HTML5有了初步印象。
在PC的chrome运行,cocos2d-js和createjs都能满帧60fps,轻松搞掂无压力。 ?...cocos2d-js:使用webGL,帧频不断变化,最高有55fps,最低只有29fps。 ? 如果让cocos2d-js强制在canvas 2d模式下渲染,帧频只有26fps左右。...cocos2d-js在UC浏览器上运行,勉强支撑40个小人,帧频13到23fps之间波动。 ?...cocos2d-js: ? createjs: ? 小结: 总体来说,由于cocos2d-js可以在webgl上渲染,所以性能会比createjs要好。...再考虑框架的附加能力方面,cocos2d-js框架提供的UI编辑器、粒子系统、骨骼动画、瓦片地图等等,都是createjs这个轻量级选手不具备的,createjs只能从零开始,一切都得靠开发者自行实现。
cocos2d-js定位 cocos2d-js是喊着Cocos2D-X的金钥匙出身的,它仅仅是Cocos2D-X的一个HTML5实现的分支。...设计理念 从Hilo支持的特性上看,Hilo的设计思路更加偏向与前端开发者,而非游戏开发者。Hilo提供了多种模块范式的包装版本,实际上在满足不同前端开发者习惯。...cocos2d-js Cocos2d-js近年来变化很大,但对于JS这个分支的支持却少之又少。前一段时间新出了一个工具叫做Cocos Creator。...只有Egret和Cocos2D-js提供了相关可视化编辑工具。而这两对于工作流的理解则完全不同。从产品中不难看出,Cocos2D-JS更像Unity3D,提供一个大而全的软件给开发者用。...大部分都为英文文档,对于国内的开发者来说可能学习起来成本略高。
熟悉js的dom事件或者flash事件的,基本都能立马明白cc.eventManager的用法。 cc.eventManager有两种注册监听器的方式,一种是原...
cocos2d-js 定位 cocos2d-js是喊着Cocos2D-X的金钥匙出身的,它仅仅是Cocos2D-X的一个HTML5实现的分支。...设计理念 从Hilo支持的特性上看,Hilo的设计思路更加偏向与前端开发者,而非游戏开发者。Hilo提供了多种模块范式的包装版本,实际上在满足不同前端开发者习惯。...cocos2d-js Cocos2d-js近年来变化很大,但对于JS这个分支的支持却少之又少。前一段时间新出了一个工具叫做Cocos Creator。...只有Egret和Cocos2D-js提供了相关可视化编辑工具。而这两对于工作流的理解则完全不同。从产品中不难看出,Cocos2D-JS更像Unity3D,提供一个大而全的软件给开发者用。...大部分都为英文文档,对于国内的开发者来说可能学习起来成本略高。
其实这里只简单对比3个浏览器,估计也足够代表性了。 结论是: 1、有webgl支持的时候,就可以尽情的耍吧; 2、没有webgl,能native就native。...
Flash在滤镜方面做得比较成熟,starling也有很多现成的办法。 但Cocos2D这里就显得比较单薄,百度/谷歌很少相关资料。 后续如果有时间,再慢慢整理...
回首自己3年多的cocos2d游戏开发经历,从cocos2d到coco2d-x入门,之后机缘巧合辗转到了cocos2d-js阵营。...在深入使用cocos2d-js以及后来使用cocoscreator做游戏项目的同时,我开始逐步走进Javascript神奇的世界。...在过去的两年时间先后培养了5名cocos2d-js客户端程序员,现在联系他们大多还在做cocos H5方向的工作。...插件主要是: grunt-shell grunt-sync 编写命令工具的npm模块有: shelljs node-xlsx yargs plist rd mysql Gulp.js是一个自动化构建工具,开发者可以使用它在项目开发过程中自动执行常见任务...重振旗鼓面对新一年的到来时,洞察到一个奇怪的现像,在成都游戏行业中cocos2d-js、cocoscreator市场,很多公司招不到人,与HR聊天的过程中听说到“成都要找个做cocos2d-js\cocoscreator
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 集成到页面中即可使用...Unity3D Unity3D 是一个跨平台的 3D 游戏引擎,与 Cocos2d 最大的区别在于前者主要面对 2D 游戏开发者,后者主要进行大型 3D 游戏的开发。
一、框架简介 今天我将把我写的一套适用于Cocos2d-JS的一套MVC框架分享给大家。首先我先简单介绍一下MVC,然后再逐步的介绍我写的mvc框架和在游戏中的具体应用。...框架的简单介绍就到这里,接下来我会详细介绍Cocos2d-JS中简易MVC各个模块的实现和应用。
【本文被整理到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。咳咳,当然,这个工作得有需求推动啊,如果有时间的话,笔者也许会尝试一下吧。
Mediator作为这套MVC框架的核心部分承载了大部分的功能。Mediator主要分三类:DirectorMediator,SceneMediator,Lay...
因为cocos2d-js使用spidermonkey作为js解析引擎,这个玩意就是mozilla派的,所以用firefox做远程调试。题外话。。。
模型能为多个视图提供数据,由于应用于模型的代码只需写一次就可以被多个视图重用,所以减少了代码的重复性。数据模型Model在MVC结构中扮演者非常重要的较色...
为了让jsb也能顺利跑起滤镜效果,在手机侧折腾了2天,因为每次在真机上运行总要耗那么半分钟,而且偶尔还遇到apk文件无法删除导致运行失败的情况。 这个调试起来,...
在Cocos2d-JS中Scene和Layer都是View,View只负责显示和接收事件,不负责处理逻辑。
领取专属 10元无门槛券
手把手带您无忧上云