分类导航

Cocos2d-x 发布时间：2022-05-03 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了【玩转cocos2d-x之四十】如何在Cocos2d-x 3.0中使用opengl shader？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

有小伙伴提出了这个问题，其实gLProgramCocos2d-x引擎自带了。完全可以直接拿来用。

先上图吧。使用opengl前后的对比：@H_607_6@

@H_607_6@

1.在cpp中使用openGL shader。

（1）添加gray.vsh和gray.fsh到资源目录（见附件）。
（2）添加如下代码：

@H_607_6@

@H_772_31@@H_607_6@

[cpp]view plaincopy 
   
 boolHelloWorld::init()
 {
 if(!Layer::init())
returnfalse;
 }
 izevisibleSize=Director::geTinstance()->getVisibleSize();
 autosprite=Sprite::create("HelloWorld.png");
 sprite->setAnchorPoint(Point(0.5,0.5));
 sprite->setPosition(Point(visibleSize.width/3,visibleSize.height/3));
this->addChild(spritE);
 graySprite(spritE);
true;
 
 voidHelloWorld::graySprite(Sprite*spritE)
 {
if(spritE)
 GLProgram*p=newGLProgram();
 p->initWithFilenames("gray.vsh","gray.fsh");
 p->bindAttribLOCATIOn(GLProgram::ATTRIBUTE_NAME_POSITION,GLProgram::VERTEX_ATTRIB_POSITION);
 p->bindAttribLOCATIOn(GLProgram::ATTRIBUTE_NAME_COLOR,GLProgram::VERTEX_ATTRIB_COLOR);
 p->bindAttribLOCATIOn(GLProgram::ATTRIBUTE_NAME_TEX_COORD,GLProgram::VERTEX_ATTRIB_TEX_COORDS);
 p->link();
 p->updateUniforms();
 sprite->setShaderProgram(p);
 }

@H_607_6@

@L_944_5@@H_772_31@2.在js中使用opengl shader.

(1)添加gray.vsh和gray.fsh到资源目录。
(2)添加如下代码：

@H_607_6@

[javascript] 
   

HelloWorldLayer=cc.Layer.extend({

sprite:null,
ctor:function()
this._super();
varsize=cc.director.getWinSize();
this.sprite=cc.Sprite.create(res.HelloWorld_png);
this.sprite.attr({
x:size.width/2,
y:size.height/2,
scale:0.5,248)"> rotation:180
});
this.addChild(this.sprite,0);
graySprite(this.spritE);
true;
}
});
functiongraySprite(spritE)
varshader=newcc.GLProgram();@H_696_328@//cc.GLProgram.create("gray.vsh","gray.fsh");
shader.retain();
//shader.initWithByteArrays("res/gray.vsh","res/gray.fsh");
shader.initWithFilenames("res/gray.vsh","res/gray.fsh");
shader.addAttribute(cc.ATTRIBUTE_NAME_POSITION,cc.VERTEX_ATTRIB_POSITION);
shader.addAttribute(cc.ATTRIBUTE_NAME_COLOR,cc.VERTEX_ATTRIB_COLOR);
shader.addAttribute(cc.ATTRIBUTE_NAME_TEX_COORD,cc.VERTEX_ATTRIB_TEX_COORDS);
shader.link();
shader.updateUniforms();
sprite.setShaderProgram(shader);
}

附件：@L_262_7@
翻译自：
1. http://www.cocos2d-x.org/forums/6/topics/49035
2. http://www.cocos2d-x.org/forums/19/topics/49038

大佬总结

以上是大佬教程为你收集整理的【玩转cocos2d-x之四十】如何在Cocos2d-x 3.0中使用opengl shader？全部内容，希望文章能够帮你解决【玩转cocos2d-x之四十】如何在Cocos2d-x 3.0中使用opengl shader？所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

标签：3 3.0 cocos cocos2d d opengl shader x 中使用如何