没想到原文出了那么多错别字，实在对不起观众了。介绍opengl es 2.0的不多。相信介绍基于Cocos2d-x学习OpenGL ES 2.0之多纹理的，我是独此一家吧。~~

@H_403_3@

子龙山人出了一个系列：基于Cocos2d-x学习OpenGL ES 2.0。弄c++来搞cocos2dx的可以看看。

教程是参考iphone的教程来写的，坑点也有不少，最主要的坑点还是在版本。所以还是弄个cocos2dx 3.2比较好。前两天辉辉说cocos2dx 3.2也很操蛋，.h里声明的返回值在源码实现的时候返回类型竟然变了。不得不吐槽一下~

子龙山人的教程只能教你照葫芦画瓢，什么原理的东西是压根就没涉及，有的还因为cocos2dx的封装过度会产生一些误导。

cocos2dx对opengl es封装的有点让人恶心，如果想学习opengl es是不建议在cocos2dx下进行学习的。

废话少说吧，开始正文。

根据子龙山人的教程，弄出了立方体纹理贴图，但是假如想在同一个面上贴多个纹理呢？该怎么实现？

本文提到两个方法，第一就是获取两个纹理，分别画图贴纹理，意思就是装顶点，装索引，绑定纹理，画图一。装顶点，装纹理，画图二。此时用到的都是GL_TEXTURE0，在frag文件中，只需要一个采样器就ok。

第二中方法就是用两个sampler，装顶点，装索引，绑定纹理一，绑定纹理二，画图。就OK了。

说起来比较简单，真要自己动手做，对于一个新手来说，过程还是有点小郁闷的。

下面就上源码了，对于步骤和方法的含义，此处不作介绍。相信强大的google和百度可以发挥巨大的作用。

第一种是立方体六个面贴上纹理，其中一个面再次贴上第二个纹理。

所用到的shader文件：

 
      
    
attribute vec4 a_position; // 1
attribute vec4 a_color;  2
attribute vec2 TextureCoord;

varying vec4 DestinationColor;  3
varying vec2 v_texCoord;


void main(void) {  4
   DestinationColor = a_color;  5
   v_texCoord = TextureCoord;
   gl_Position = CC_MVPMatrix * a_position;  6
} 
      
    

1 varying vec4 DestinationColor; 2 varying vec2 v_texCoord; 3 4 5 6 gl_FragColor = DestinationColor * texture2D(CC_Texture0,v_texCoord) ; 7 }

所用到的两张图

头文件：

@H_301_128@

#ifndef _CubeTexture_H__
#define _CubeTexture_H__

#include "cocos2d.h"

using namespace cocos2d;

class CubeTexture : public cocos2d::Layer
{
public:
     there's no 'id' in cpp,so we recommend returning the class instance pointer
    static cocos2d::Scene* createScene();

     Here's a difference. Method 'init' in cocos2d-x returns bool,instead of returning 'id' in cocos2d-iphone
    virtual bool init();  

    void draw(Renderer *renderer,const Mat4 &transform,uint32_t transformUpdated) override;
    we call our actual opengl commands here
    void onDraw();

     implement the "static create()" method manually
    CREATE_FUNC(CubeTexture);

private:
    Mat4 _modelViewMV;
    CustomCommand _customCommand;

    GLProgram *mShaderProgram;
    GLint _colorLocation;
    GLint _positionLocation;
    GLint _textureLocation;

    GLuint _textureUniform;

    GLuint _textureID;
    GLuint _textureID2;

    GLuint vertexBuffer;
    GLuint indexBuffer;
    
    GLuint _vertexBuffer2;
    GLuint _indexBuffer2;

};

#endif  __HELLOWORLD_SCENE_H__

基于Cocos2d-x学习OpenGL ES 2.0之多纹理

没想到原文出了那么多错别字，实在对不起观众了。介绍opengl es 2.0的不多。相信介绍基于Cocos2d-x学习OpenGL ES 2.0之多纹理的，我是独此一家吧。~~

(原文：https://www.cnblogs.com/slysky/p/3981210.html）

猜你在找的Cocos2d-x相关文章