展开

关键词

cocos2d-js Shader系列1:cocos2d-js Shader和OpenGL ES2.0

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、定义顶点坐标和纹理坐标 添加一个新参数到shader中,并指定为第几个 this.shader.link(); this.shader.updateUniforms(); //表示使用cocos2d 的时候调用: this.shader.use(); this.shader.setUniformsForBuiltins(); //如果shader中使用了cocos2d

51330

cocos2d-js V3.0 V3.1使用DragonBones

由于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。咳咳,当然,这个工作得有需求推动啊,如果有时间的话,笔者也许会尝试一下吧。

60030
  • 广告
    关闭

    什么是世界上最好的编程语言?丨云托管征文活动

    代金券、腾讯视频VIP、QQ音乐VIP、QB、公仔等奖励等你来拿!

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    cocos2d-js 入门 (主要是HTML5)

    cocos2d-jscocos2d-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有了初步印象。

    6.1K70

    cocos2d-js 和 createjs 性能对比(HTML5)

    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要好。

    73040

    cocos2d-js 小游戏 hungry-hero (原版是flash starling)

    【本文被整理到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

    37120

    俄罗斯方块之心(cocos2d-js+html5)

    index.html 此次要运行动画的主网页 index.js 动画运行的代码 cocos2d-js-v3.13.js 代码API文件 index.html 文件: 主要作用是启动画布,并且调用两个js文件。 DOCTYPE html> <html> <head> <title>心</title> <script type="text/javascript" src="<em>cocos2d</em>-<em>js</em>-v3.13 canvas> <script type="text/javascript" src="index.js" charset="UTF-8"></script> </body> </html> cocos2d-js-v3.13 .js文件是官网上下载的便不再多说,主要说明一下index.js文件。

    34840

    cocos2d-js 各浏览器上的表现

    28730

    Cocos2d-js中的简易MVC框架(一)框架简介

    一、框架简介 今天我将把我写的一套适用于Cocos2d-JS的一套MVC框架分享给大家。首先我先简单介绍一下MVC,然后再逐步的介绍我写的mvc框架和在游戏中的具体应用。 框架的简单介绍就到这里,接下来我会详细介绍Cocos2d-JS中简易MVC各个模块的实现和应用。

    34530

    cocos2d-js 调试办法 断点调试 Android真机调试

    跟普通js程序一样。 要么自行搭建服务器,利用python脚本,或者用其他服务器程序(LAMP或XAMPP)。然后用浏览器打开服务器地址。 因为cocos2d-js使用spidermonkey作为js解析引擎,这个玩意就是mozilla派的,所以用firefox做远程调试。题外话。。。 调试步骤: 1 firefox 新版(测试在V27) 2 打开cocos2d程序的debug                在AppDelegate.cpp(在framework里边),改写AppDelegate ScriptEngineManager::getInstance()->setScriptEngine(engine); ScriptingCore::getInstance()->runScript("cocos2d-jsb.js

    1K20

    cocos2d-js 自定义事件监听派发

    熟悉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内存并不显著吧。如果内存管理非常敏感的话,可能就需要自己写一个了。

    55930

    cocos2d-js 3.0 RC0 手动绑定 C++调用jsjs调用C++ jsbinding

    代码: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 上述的c++代码会在spidermonkey运行环境中生成相应的js接口,所以,我们不需要自己额外写对应的js接口。 然后就可以写js代码试试了。 virtual int executeGlobalFunction(const char* functionName) { return 0; } virtual int sendEvent(cocos2d

    44830

    cocos2d-js Shader系列3:多重纹理 multiple textures multiple samplers

    gl.getUniformLocation(p, "CC_Texture1"); gl.activeTexture(gl.TEXTURE0); //webgl中一共32个,可以看cocos2d this.shader.setUniformsForBuiltins(); //设置坐标系变换 gl.activeTexture(gl.TEXTURE0); //webgl中一共32个,可以看cocos2d (); cc.kmGLPopMatrix(); }); } }); 另外,在new cc.GLProgram后retain一下就可以兼容jsb了(cocos2d-js

    76540

    Cocos2d-js中的简易MVC框架(四)显示层View

    Cocos2d-JS中Scene和Layer都是View,View只负责显示和接收事件,不负责处理逻辑。

    17340

    cocos2d-js Shader系列4:Shader、GLProgram在jsb(native、手机)和html5之间的兼容问题。cocos2d-js框架各种坑。

    GRAY_SCALE_FRAGMENT_SHADER: "varying vec2 v_texCoord; \n" //+ "uniform sampler2D CC_Texture0; \n" //cocos2d this.shader.setUniformsForBuiltins(); //设置坐标系变换 gl.activeTexture(gl.TEXTURE0); //webgl中一共32个,可以看cocos2d //使用完必须置为空,否则影响其他node gl.activeTexture(gl.TEXTURE0); //另外必须设置回第0个,否则cocos2d

    63040

    Cocos2d-js中的简易MVC框架(五)MVC框架的使用

    源码地址:https://github.com/yue19870813/cocos2d-js-mvc.git/

    19920

    cocos2d-js 3.0 屏幕适配方案 分辨率适应

    以FIXED_WIDTH为例 布局过程中,横向就按照设计稿直接写死绝对坐标值都可以,因为cc.director.getVisibleSize().width就是我们的设计宽度,cocos2d通过缩放会让横向刚好占满屏幕 y=0表示刚好在屏幕边缘,在FIXED_WIDTH方案中,不像NO_BORDER会有visibleOrigin,这里不需要考虑这个值,因为总是0,cocos2d自动把y=0放到这个visibleOrigin

    74120

    Cocos2d-js中的简易MVC框架(三)中介者Mediator

    Mediator作为这套MVC框架的核心部分承载了大部分的功能。Mediator主要分三类:DirectorMediator,SceneMediator,Lay...

    15320

    Cocos2d-js 3.0 颜色变换(调整sprite图片的色调)

    Cocos2D这里就显得比较单薄,百度/谷歌很少相关资料。 后续如果有时间,再慢慢整理各种滤镜效果。 这里先介绍一下颜色变换的功能,这个是cocos2d内置的,用起来比较方便,只需要知道具体做了什么即可。 例如要把一个按钮变暗,也许一般做法是换一个图片,但其实也可以直接修改颜色值。 cocos2d最大的好处就是开源,那我们通过看html5版本的代码,就可以略知一二了。

    95320

    Cocos2d-js中的简易MVC框架(二)数据模型Model

    模型能为多个视图提供数据,由于应用于模型的代码只需写一次就可以被多个视图重用,所以减少了代码的重复性。数据模型Model在MVC结构中扮演者非常重要的较色...

    15520

    cocos2d-js 写日志log 查看日志log Android调试查看log

    | find "cocos2d-x debug info" 最终启用logcat的命令: adb.exe logcat | find "cocos2d-x debug info"

    82630

    相关产品

    • 云服务器

      云服务器

      云端获取和启用云服务器,并实时扩展或缩减云计算资源。云服务器 支持按实际使用的资源计费,可以为您节约计算成本。 腾讯云服务器(CVM)为您提供安全可靠的弹性云计算服务。只需几分钟,您就可以在云端获取和启用云服务器,并实时扩展或缩减云计算资源。云服务器 支持按实际使用的资源计费,可以为您节约计算成本。

    相关资讯

    热门标签

    扫码关注云+社区

    领取腾讯云代金券