OpenGL ES _ 入门_练习001

[OpenGL ES _ 入门_01](http://www.jianshu.com/p/f66906b27819)

[OpenGL ES _ 入门_02](http://www.jianshu.com/p/dc49c946438e)

[OpenGL ES _ 入门_03](http://www.jianshu.com/p/00b5be729e4b)

[OpenGL ES _ 入门_04](http://www.jianshu.com/p/516b0b8be9d8)

[OpenGL ES _ 入门_05](http://www.jianshu.com/p/08c51c298d47)

[OpenGL ES _ 入门练习_01](http://www.jianshu.com/p/eebaf64e3e0a)

[OpenGL ES _ 入门练习_02](http://www.jianshu.com/p/6155d60dab20)

[OpenGL ES _ 入门练习_03](http://www.jianshu.com/p/36d9dac03345)

[OpenGL ES _ 入门练习_04](http://www.jianshu.com/p/1ca30e9387dd)

[OpenGL ES _ 入门练习_05](http://www.jianshu.com/p/ac9375962f34)

[OpenGL ES _ 入门练习_06](http://www.jianshu.com/p/c63dc219f7a0)

[OpenGL ES _ 着色器 _ 介绍](http://www.jianshu.com/p/309d489bc344)

[OpenGL ES _ 着色器 _ 程序](http://www.jianshu.com/p/ed0c617bcd67)

[OpenGL ES _ 着色器 _ 语法](http://www.jianshu.com/p/c5b89b294995)

[OpenGL ES_着色器_纹理图像](http://www.jianshu.com/p/8c0ad4e3e40f)

[OpenGL ES_着色器_预处理](http://www.jianshu.com/p/5e9837b0b219)

[OpenGL ES_着色器_顶点着色器详解](http://www.jianshu.com/p/9d7dca6b70c7)

[OpenGL ES_着色器_片断着色器详解](http://www.jianshu.com/p/55461927c419 )

[OpenGL ES_着色器_实战01](http://www.jianshu.com/p/18d6b37363c8)

[OpenGL ES_着色器_实战02](http://www.jianshu.com/p/45d959c8f1db)

[OpenGL ES_着色器_实战03](http://www.jianshu.com/p/0f740901da59)



演示:


学习目标:

创建一个移动的球体

技术:

OpenGL ES 1

实现思路:

第一步: 创建GLKViewController 控制器(在里面实现方法)

第二步: 创建EAGContext 跟踪所有状态,命令和资源

第三步: 生成球体的顶点坐标和颜色数据

第三步: 清除命令

第四步: 创建投影坐标系

第五步: 创建对象坐标

第六步: 导入顶点数据

第七步: 导入颜色数据

第八步: 绘制

代码部分

/**

*  创建EAGContext 跟踪所有状态,命令和资源

*/

- (void)createEagContext{

self.eagContext = [[EAGLContext alloc]initWithAPI:kEAGLRenderingAPIOpenGLES1];

[EAGLContext setCurrentContext:self.eagContext];

}

/**

*  配置view

*/

- (void)configure{

GLKView *view = (GLKView*)self.view;

view.drawableDepthFormat = GLKViewDrawableDepthFormat24;

view.context = self.eagContext;

}

/**

*  清除

*/

-(void)clear{

glEnable(GL_DEPTH_TEST);

glClearColor(1, 1, 1, 0.1);

glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT);

}

/**

*  创建投影坐标

*/

- (void)initProjectionMatrix{

glMatrixMode(GL_PROJECTION);

glLoadIdentity();

}

/**

*  创建物体坐标

*/

-(void)initModelViewMatrix{

glMatrixMode(GL_MODELVIEW);

glLoadIdentity();

static GLfloat transY = 0.0;

static GLfloat z=-2;

static CGFloat scale = 1;

static BOOL isBig = true;

if (isBig){

scale += 0.01;

}else{

scale -= 0.01;

}

if (scale>=1.5){

isBig = false;

}

if (scale<=0.5){

isBig = true;

}

//1

static GLfloat spinX=0;

static GLfloat spinY=0;

glTranslatef(0.0, (GLfloat)(sinf(transY)/2.0), z);

glRotatef(spinY, 0.0, 1.0, 0.0);

glRotatef(spinX, 1.0, 0.0, 0.0);

glScalef(scale, scale, scale);

transY += 0.075f;

spinY+=.25;

spinX+=.25;

}

/**

*  导出顶点坐标

*  glVertexPointer 第一个参数:每个顶点数据的个数,第二个参数,顶点数据的数据类型,第三个偏移量，第四个顶点数组地址

*/

- (void)loadVertexData{

glVertexPointer(3, GL_FLOAT, 0, _vertexArray);

glEnableClientState(GL_VERTEX_ARRAY);

}

/**

*  导入颜色数据

*/

- (void)loadColorBuffer{

glColorPointer(4, GL_UNSIGNED_BYTE, 0, _colorsArray);

glEnableClientState(GL_COLOR_ARRAY);

}

/**

*  导入索引数据

*/

-(void)draw{

// 开启剔除面功能

glEnable(GL_CULL_FACE);                                                            //3

glCullFace(GL_BACK); // 剔除背面

glDrawArrays(GL_TRIANGLE_STRIP, 0, (m_Slices +1)*2*(m_Stacks-1)+2);

// free(_vertexArray);

// free(_colorsArray);

}

/**

*  生成球体的顶点坐标和颜色数据

*/

-(void)calculate{

unsigned int colorIncrment=0; //1

unsigned int blue=0;

unsigned int red=255;

unsigned int green = 0;

static int big = 1;

static float scale = 0;

if (big){

scale += 0.01;

}else{

scale -= 0.01;

}

if (scale >= 0.5){

big = 0;

}

if (scale <= 0){

big = 1;

}

m_Scale = 0.5 + scale;

m_Slices = 100;

m_Squash = 1;

m_Stacks = 100;

colorIncrment = 255/m_Stacks; //2

//vertices

GLfloat *vPtr =  _vertexArray =

(GLfloat*)malloc(sizeof(GLfloat) * 3 * ((m_Slices*2+2) * (m_Stacks))); //3

//color data

GLubyte *cPtr = _colorsArray =

(GLubyte*)malloc(sizeof(GLubyte) * 4 * ((m_Slices *2+2) * (m_Stacks))); //4

unsigned int phiIdx, thetaIdx;

//latitude

for(phiIdx=0; phiIdx < m_Stacks; phiIdx++) //5

{

float phi0 = M_PI * ((float)(phiIdx+0) * (1.0f/(float)( m_Stacks)) - 0.5f);

float phi1 = M_PI * ((float)(phiIdx+1) * (1.0f/(float)( m_Stacks)) - 0.5f);

float cosPhi0 = cos(phi0); //8

float sinPhi0 = sin(phi0);

float cosPhi1 = cos(phi1);

float sinPhi1 = sin(phi1);

float cosTheta, sinTheta;

for(thetaIdx=0; thetaIdx < m_Slices; thetaIdx++)

{

float theta = 2.0f*M_PI * ((float)thetaIdx) * (1.0f/(float)( m_Slices -1));

cosTheta = cos(theta);

sinTheta = sin(theta);

vPtr [0] = m_Scale*cosPhi0 * cosTheta;

vPtr [1] = m_Scale*sinPhi0*m_Squash;

vPtr [2] = m_Scale*cosPhi0 * sinTheta;

vPtr [3] = m_Scale*cosPhi1 * cosTheta;

vPtr [4] = m_Scale*sinPhi1*m_Squash;

vPtr [5] = m_Scale* cosPhi1 * sinTheta;

cPtr [0] = red;

cPtr [1] = green;

cPtr [2] = blue;

cPtr [4] = red;

cPtr [5] = green;

cPtr [6] = blue;

cPtr [3] = cPtr[7] = 255;

cPtr += 2*4;

vPtr += 2*3;

}

blue+=colorIncrment;

red-=colorIncrment;

green += colorIncrment;

}

}

/**

*  设置窗口及投影坐标的位置

*/

-(void)setClipping

{

float aspectRatio;

const float zNear = .1;

const float zFar = 1000;

const float fieldOfView = 60.0;

GLfloat    size;

CGRect frame = [[UIScreen mainScreen] bounds];

aspectRatio=(float)frame.size.width/(float)frame.size.height;

[self initProjectionMatrix];

size = zNear * tanf(GLKMathDegreesToRadians (fieldOfView) / 2.0);

// 设置视图窗口的大小 和 坐标系统

glFrustumf(-size, size, -size /aspectRatio, size /aspectRatio, zNear, zFar);

glViewport(0, 0, frame.size.width, frame.size.height);

}

在GLVViewController 中的代码实现过程:

- (void)viewDidLoad {

[super viewDidLoad];

UIImageView *imageView =  [[UIImageView alloc]initWithImage:[UIImage imageNamed:@"bg.jpg"]];

imageView.frame = self.view.bounds;

[self.view addSubview:imageView];

imageView.alpha = 0.5;

[self createEagContext];

[self configure];

[self calculate];

[self setClipping];

}

-(void)glkView:(GLKView *)view drawInRect:(CGRect)rect{

[self clear];

[self initModelViewMatrix];

[self loadVertexData];

[self loadColorBuffer];

[self draw];

}

代码下载地址:https://github.com/XJALYN/OpenGL_005

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 204,590评论 6赞 478
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 86,808评论 2赞 381
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 151,151评论 0赞 337
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 54,779评论 1赞 277
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 63,773评论 5赞 367
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 48,656评论 1赞 281
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 38,022评论 3赞 398
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 36,678评论 0赞 258
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 41,038评论 1赞 299
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,659评论 2赞 321
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,756评论 1赞 330
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 33,411评论 4赞 321
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 39,005评论 3赞 307
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,973评论 0赞 19
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1赞 260
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 45,053评论 2赞 350
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 42,495评论 2赞 343

推荐阅读更多精彩内容