sudo ln -sf luajit-2.1.0-beta3 /usr/local/bin/luajit
使用浏览器浏览网页,相信大家都不陌生,使用浏览器调试游戏代码,我们以后介绍,下面简单介绍一下 Node.js 与 Cocos Creator 这两个软件安装启动。...Mac 系统通过打开 Terminal 命令终端,输入:node --version 或 -v 查看 Node.js 的版本号,输入 node 进入交互式命令行,看下图: ?...三、Cocos Creator Cocos Creator 是厦门雅基软件开发的跨平台游戏引擎,支持在 Windows 和 Mac 下进行游戏开发,下载地址: https://www.cocos.com...在启动 Cocos Creator 主程序时,首次还需要登录,我们还需要注册一个 Cocos 开发者帐号: ? 打开工程后,点击顶部启动按钮运行预览: ?...铬,铬合金;铬黄;谷歌浏览器; Node.js:Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
cocos2d的Shader也就是差不多直接跟GPU打交道了,跟Flash的Stage3D(AGAL)类似,不过没有AGAL这么恶心,不需要直接编写汇编语言。...本文以cocos2d-js为例,但cocos2dx其他版本也是同理的,只是函数名略有不同而已。...mod=viewthread&tid=7376&extra=page%3D1 cocos2d的Shader步骤还是类似的: 1、编写vertex shader和fragment shader 2、定义顶点坐标和纹理坐标...最后附上cocos2dx官方的一些教程: http://cn.cocos2d-x.org/tutorial/show?...id=1336 http://cn.cocos2d-x.org/tutorial/show?id=1337
有网友在公众号上提问题,使用async.js在微信小游戏环境报错,由于Shawn这段时间有点懒癌发作,没有即时回复留言,已经超过48小时回复不了,在此表示歉意,今天用这篇教程分享async.js相关的的一些使用经验...一、在Cocos Creator中使用async.js库 在Cocos Creator项目中async.js有两种引方式: npm安装方式 源码插件方式 下面分别介绍这两种的具体操作步骤 npm安装方式...使用npm管理三方模块,首先需要在Cocos Creator项目中初始化npm的包管理配置文件package.json,在输入行中输入: > npm init 输入命令后,会要求输入一些信息,这不是我们的重点...只需要将aysnc.js或async.min.js其中一个文件入assets就可以了。将文件放入assets目录,激活Cocos Creator时会提示,是否需要设置为插件,看下图: ?...Shawn之前还有一篇教程《英雄之舞—凌波微步(利用async.js编写异步动画)》中对async.js在动画控制中有更多的说明,如有兴趣可以参考此篇教程。
: 1> 由于我们当前游戏框架的结构是平台形式的就是一个大厅里面有若干个子游戏,所以在发布的时候得区分子游戏和大厅了解了一下 project.json 里面有一个 jsList 可以把所有放进去的js
cocos2d-js是cocos2d-x的JavaScript版本,真正跨全平台的游戏引擎,采用原生JavaScript语言,可发布到包括Web平台,iOS,Android,Windows Phone8...利用cocos2d-js开发HTML5游戏/动画,我们可以通过SDK也可以直接使用js类库: l SDK下载:http://cn.cocos2d-x.org/download/ l js类库:http:...开始cocos2d-js开发前,需要洗洗脑,知道cocos2d-js的平面坐标情况。这跟HTML和canvas的布局都不一样。 ?...Cocos2d-js框架把游戏拆分为很多个场景,当玩家在不同界面切换的时候,框架实际上就是让游戏画面在不同场景中切换。跟Flash一样,cocos2d-js也有最基本的元素——节点Node。...通过这个简单例子,我们对cocos2d-js制作HTML5有了初步印象。
熟悉js的dom事件或者flash事件的,基本都能立马明白cc.eventManager的用法。...cc.eventManager.addCustomListener(cc.game.EVENT_SHOW, function(event){ cc.log("cc.game.EVENT_SHOW"); }); 这两个事件就比较简单,类似js...触发自定义事件的方式,也跟js和flash一致: cc.eventManager.dispatchCustomEvent("xxxxxevent", {a:1,b:2}); 通过这个dispatch就能得到上边图片所示的内容...看官方的例子,貌似基本都不移除listener,可能js几个object内存并不显著吧。如果内存管理非常敏感的话,可能就需要自己写一个了。
index.html 此次要运行动画的主网页 index.js 动画运行的代码 cocos2d-js-v3.13.js 代码API文件 index.html 文件:...主要作用是启动画布,并且调用两个js文件。...DOCTYPE html> 心 cocos2d-js-v3.13.js文件是官网上下载的便不再多说,主要说明一下index.js文件。...this.setRedColor = function(){ this.col = redCpl[redIndex]; this.drawTuxing(); } } //cocos2d
其实这里只简单对比3个浏览器,估计也足够代表性了。 结论是: 1、有webgl支持的时候,就可以尽情的耍吧; 2、没有webgl,能native就native。...
代码:https://github.com/kenkozheng/cocos2d-js/tree/master/jsbinding(cpp_js%20js_cpp) 1 JS调用C++ 3.0中写这个绑定比较简单...,跟ANE调用java如出一辙,一个JSContext,一个jsval,使用cocos2d提供的c++和js变量转换的函数做好转换即可。...cocos2d-js原来就定义好了代码风格: sc->addRegisterCallback(MinXmlHttpRequest::_js_register); sc->addRegisterCallback...jsb_kenko_auto.h #ifndef jsb_jsb_kenko_auto_h #define jsb_jsb_kenko_auto_h #include "cocos2d.h" std...obj); #endif jsb_kenko_auto.cpp #include "jsb_kenko_auto.h" #include "cocos2d_specifics.hpp" std
但Cocos2D这里就显得比较单薄,百度/谷歌很少相关资料。 后续如果有时间,再慢慢整理各种滤镜效果。...这里先介绍一下颜色变换的功能,这个是cocos2d内置的,用起来比较方便,只需要知道具体做了什么即可。 例如要把一个按钮变暗,也许一般做法是换一个图片,但其实也可以直接修改颜色值。...cocos2d最大的好处就是开源,那我们通过看html5版本的代码,就可以略知一二了。
由于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。咳咳,当然,这个工作得有需求推动啊,如果有时间的话,笔者也许会尝试一下吧。
来自:http://xiebaochun.github.io/ cocos2d-x Android环境搭建 cocos2d-x环境搭建比較简单,可是小问题还是不少,我尽量都涵盖的全面一些。...ADT/android-ndk-r7c 2: COCOS2DX_ROOT_LOCAL=/cygdrive/f/cocos2d-1.0.1-x-0.13.0-beta cygwin中进入cocos2d...最后发现cocos2d在本质上也没有什么差别,麻烦的还是得封装。 第二点,cocos2d主要是游戏引擎。...cocos2d::CCDirector::sharedDirector()->getOpenGLView()) { cocos2d::CCEGLView *view = &cocos2d...AppDelegate(); cocos2d::CCApplication::sharedApplication().run(); } } void Java_org_cocos2dx_lib_Cocos2dxRenderer_nativeRender
一、框架简介 今天我将把我写的一套适用于Cocos2d-JS的一套MVC框架分享给大家。首先我先简单介绍一下MVC,然后再逐步的介绍我写的mvc框架和在游戏中的具体应用。...框架的简单介绍就到这里,接下来我会详细介绍Cocos2d-JS中简易MVC各个模块的实现和应用。
cocos2d-js除了做native游戏外,还可以用来做HTML5游戏/动画,那么它跟adobe的createjs框架比较会怎么样呢?...在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要好。
{ JSB_PRECONDITION2( argc == 2, cx, false, "Invalid number of arguments" ); jsval *argvp = JS_ARGV...实际传入的是0.9 glUniform1f((GLint)arg0 , (GLfloat)arg1 ); JS_SET_RVAL(cx, vp, JSVAL_VOID); return...; program.addAttribute(cc.ATTRIBUTE_NAME_POSITION, cc.VERTEX_ATTRIB_POSITION); //cocos...; program.addAttribute(cc.ATTRIBUTE_NAME_POSITION, cc.VERTEX_ATTRIB_POSITION); //cocos...//使用完必须置为空,否则影响其他node gl.activeTexture(gl.TEXTURE0); //另外必须设置回第0个,否则cocos2d
在Cocos2d-JS中Scene和Layer都是View,View只负责显示和接收事件,不负责处理逻辑。
application works on different // aspect ratios FIXED_WIDTH:4, UNKNOWN:5 }; 参考官方说明: http://www.cocos2d-x.org...FIXED_WIDTH和FIXED_HEIGHT,其他用法请参考: http://www.cocoachina.com/game/20130513/6180.html http://www.cocoachina.com/cocos...以FIXED_WIDTH为例 布局过程中,横向就按照设计稿直接写死绝对坐标值都可以,因为cc.director.getVisibleSize().width就是我们的设计宽度,cocos2d通过缩放会让横向刚好占满屏幕...y=0表示刚好在屏幕边缘,在FIXED_WIDTH方案中,不像NO_BORDER会有visibleOrigin,这里不需要考虑这个值,因为总是0,cocos2d自动把y=0放到这个visibleOrigin
【本文被整理到cocos2d-js官方介绍中:http://cn.cocos2d-x.org/tutorial/show?...现在正好拿素材来做个cocos2d-js的版本。暂时在手机上运行闪退,还没时间看具体原因。 在chrome下运行,内存控制还不错,可见cocos2d-js的对象池和粒子系统的回收都做得不错。...但jsbuilder还是有问题,吐槽一下~~~) http://kenkozheng.github.io/cocos/hungry_hero/index.html 代码地址: https://github.com.../kenkozheng/cocos2d-js/tree/master/hungry_hero 游戏中使用到: 1、平行背景(自行实现,非官方版本) 2、对象池(cc.pool) 3、粒子系统(cc.ParticleSystem
gl.getUniformLocation(p, "CC_Texture1"); gl.activeTexture(gl.TEXTURE0); //webgl中一共32个,可以看cocos2d...cc.VERTEX_ATTRIB_TEX_COORDS); this.shader.link(); this.shader.updateUniforms(); //绑定位置,这个是cocos...this.shader.setUniformsForBuiltins(); //设置坐标系变换 gl.activeTexture(gl.TEXTURE0); //webgl中一共32个,可以看cocos2d...(); cc.kmGLPopMatrix(); }); } }); 另外,在new cc.GLProgram后retain一下就可以兼容jsb了(cocos2d-js
领取专属 10元无门槛券
手把手带您无忧上云