Cocos2d-X直接使用OpenGL接口
Cocos2d-X是基于基于OpenGL ES的2D游戏引擎，所以Cocos2d-X能够直接使用OpenGL接口
首先建立一个Draw类，用于处理OpenGL接口
在Draw.h中加入以下的代码
#ifndef _Draw_H_
#define _Draw_H_ #include "cocos2d.h"
USING_NS_CC; class Draw : public CCLayer
{
public:
static CCScene* scene(); CREATE_FUNC(Draw); bool init(); void draw();
}; #endif
实例1：使用OpenGL接口画一个点
在Draw.cpp中加入以下的代码
#include "Draw.h" CCScene* Draw::scene()
{
CCScene* s = CCScene::create(); Draw* layer = Draw::create(); s->addChild(layer); return s;
} bool Draw::init()
{
CCLayer::init(); return true;
} void Draw::draw()
{
//得到窗体的大小
CCSize winSize = CCDirector::sharedDirector()->getWinSize(); //设置坐标
CCPoint center = ccp(winSize.width / 2, winSize.height / 2); //点：默认一个像素大小，白色
//ccPointSize设置点的大小
ccPointSize(25); //ccDrawColor4B设置点的颜色
ccDrawColor4B(255, 0, 0, 255); //设置点的位置
ccDrawPoint(center);
}
运行结果：
实例2：使用OpenGL接口画一条线
在Draw.cpp中加入以下的代码
#include "Draw.h" CCScene* Draw::scene()
{
CCScene* s = CCScene::create(); Draw* layer = Draw::create(); s->addChild(layer); return s;
} bool Draw::init()
{
CCLayer::init(); return true;
} void Draw::draw()
{
//得到窗体的大小
CCSize winSize = CCDirector::sharedDirector()->getWinSize(); //设置坐标
CCPoint center = ccp(winSize.width / 2, winSize.height / 2);
/*center.x = winSize.width / 2
center.y = winSize.height / 2*/ // 线：默认是一个像素宽度。白色
//ccDrawColor4B设置颜色
ccDrawColor4B(255, 255, 0, 255); //glLineWidth是设置线条宽度的函数
glLineWidth(5); ccDrawLine(center,//起始点的位置
ccpAdd(center, ccp(100, 100))//中点的位置
); /*
ccpAdd(center, ccp(100, 100))
表示：center.x + 100， center.y + 100
*/
}
运行结果：
实例3：使用OpenGL接口画多个点
在Draw.cpp中加入以下的代码
#include "Draw.h" CCScene* Draw::scene()
{
CCScene* s = CCScene::create(); Draw* layer = Draw::create(); s->addChild(layer); return s;
} bool Draw::init()
{
CCLayer::init(); return true;
} void Draw::draw()
{
//得到窗体的大小
CCSize winSize = CCDirector::sharedDirector()->getWinSize(); //设置坐标
CCPoint center = ccp(winSize.width / 2, winSize.height / 2);
/*center.x = winSize.width / 2
center.y = winSize.height / 2*/ //设置点的颜色
ccDrawColor4B(255, 0, 0, 255); //定义一个数组保存点的位置
CCPoint pts[] = {
CCPoint(100, 100),
CCPoint(100, 200),
CCPoint(200, 200),
CCPoint(200, 100)
}; //画点
ccDrawPoints(pts, 4);
}
运行结果：
实例4：使用OpenGL接口画一个有圆心连线的圆
在Draw.cpp中加入以下的代码
#include "Draw.h" CCScene* Draw::scene()
{
CCScene* s = CCScene::create(); Draw* layer = Draw::create(); s->addChild(layer); return s;
} bool Draw::init()
{
CCLayer::init(); return true;
} void Draw::draw()
{
//得到窗体的大小
CCSize winSize = CCDirector::sharedDirector()->getWinSize(); //设置坐标
CCPoint center = ccp(winSize.width / 2, winSize.height / 2);
/*center.x = winSize.width / 2
center.y = winSize.height / 2*/ //设置圆圈的颜色
ccDrawColor4B(192, 192, 0, 255); /*画圆圈
參数1：圆心
參数2：半径
參数3：初始化时旋转的弧度(3.14=180度)
參数4：线段数。
參数5：是否要圆心连线
*/
ccDrawCircle(center, 100, 1.57, 200, true);
}
运行结果：
实例5：使用OpenGL接口画一个没有圆心连线的圆
在Draw.cpp中加入以下的代码
#include "Draw.h" CCScene* Draw::scene()
{
CCScene* s = CCScene::create(); Draw* layer = Draw::create(); s->addChild(layer); return s;
} bool Draw::init()
{
CCLayer::init(); return true;
} void Draw::draw()
{
//得到窗体的大小
CCSize winSize = CCDirector::sharedDirector()->getWinSize(); //设置坐标
CCPoint center = ccp(winSize.width / 2, winSize.height / 2);
/*center.x = winSize.width / 2
center.y = winSize.height / 2*/ //设置圆圈的颜色
ccDrawColor4B(192, 192, 0, 255); /*画圆圈
參数1：圆心
參数2：半径
參数3：初始化时旋转的弧度(3.14=180度)
參数4：线段数，
參数5：是否要圆心连线
*/
ccDrawCircle(center, 100, 1.57, 200, false);
}
运行结果：
实例6：使用OpenGL接口画一个封口的多边形
在Draw.cpp中加入以下的代码
#include "Draw.h" CCScene* Draw::scene()
{
CCScene* s = CCScene::create(); Draw* layer = Draw::create(); s->addChild(layer); return s;
} bool Draw::init()
{
CCLayer::init(); return true;
} void Draw::draw()
{
//得到窗体的大小
CCSize winSize = CCDirector::sharedDirector()->getWinSize(); //设置坐标
CCPoint center = ccp(winSize.width / 2, winSize.height / 2);
/*center.x = winSize.width / 2
center.y = winSize.height / 2*/ //设置点的颜色
ccDrawColor4B(192, 192, 0, 255); //定义一个数组保存点的位置
CCPoint pts[] = {
CCPoint(100, 100),
CCPoint(100, 200),
CCPoint(200, 200),
CCPoint(200, 100),
CCPoint(150, 50)
}; // 画封口的多边形
ccDrawPoly(pts, 5, true);
}
运行结果：
实例7：使用OpenGL接口画一个不封口的多边形
在Draw.cpp中加入以下的代码
#include "Draw.h" CCScene* Draw::scene()
{
CCScene* s = CCScene::create(); Draw* layer = Draw::create(); s->addChild(layer); return s;
} bool Draw::init()
{
CCLayer::init(); return true;
} void Draw::draw()
{
//得到窗体的大小
CCSize winSize = CCDirector::sharedDirector()->getWinSize(); //设置坐标
CCPoint center = ccp(winSize.width / 2, winSize.height / 2);
/*center.x = winSize.width / 2
center.y = winSize.height / 2*/ //设置点的颜色
ccDrawColor4B(192, 192, 0, 255); //定义一个数组保存点的位置
CCPoint pts[] = {
CCPoint(100, 100),
CCPoint(100, 200),
CCPoint(200, 200),
CCPoint(200, 100),
CCPoint(150, 50)
}; // 画封口的多边形
ccDrawPoly(pts, 5, false);
}
运行结果：
实例8：使用OpenGL接口画一个实心多边形
在Draw.cpp中加入以下的代码
#include "Draw.h" CCScene* Draw::scene()
{
CCScene* s = CCScene::create(); Draw* layer = Draw::create(); s->addChild(layer); return s;
} bool Draw::init()
{
CCLayer::init(); return true;
} void Draw::draw()
{
//得到窗体的大小
CCSize winSize = CCDirector::sharedDirector()->getWinSize(); //设置坐标
CCPoint center = ccp(winSize.width / 2, winSize.height / 2);
/*center.x = winSize.width / 2
center.y = winSize.height / 2*/ //设置点的颜色
ccDrawColor4B(192, 192, 0, 255); //定义数组保存点的位置
CCPoint pts2[] = {
CCPoint(300, 100),
CCPoint(400, 200),
CCPoint(400, 300)
}; //画实心多边形
ccDrawSolidPoly(pts2, 3, ccc4f(1, 0, 0, 1));
}
运行结果：
实例9：使用OpenGL接口实现Bezier曲线
在Draw.cpp中加入以下的代码
#include "Draw.h" CCScene* Draw::scene()
{
CCScene* s = CCScene::create(); Draw* layer = Draw::create(); s->addChild(layer); return s;
} bool Draw::init()
{
CCLayer::init(); return true;
} void Draw::draw()
{
//得到窗体的大小
CCSize winSize = CCDirector::sharedDirector()->getWinSize(); //设置坐标
CCPoint center = ccp(winSize.width / 2, winSize.height / 2);
/*center.x = winSize.width / 2
center.y = winSize.height / 2*/ //设置点的颜色
ccDrawColor4B(192, 192, 0, 255); //定义数组保存点的位置
CCPoint pts2[] = {
CCPoint(300, 100),
CCPoint(400, 200),
CCPoint(400, 300)
}; //Bezier曲线
//二阶Bezier曲线
ccDrawQuadBezier(pts2[0], pts2[1], pts2[2], 10); }
运行结果：
实例10：使用OpenGL接口实现二阶Bezier曲线
在Draw.cpp中加入以下的代码
#include "Draw.h" CCScene* Draw::scene()
{
CCScene* s = CCScene::create(); Draw* layer = Draw::create(); s->addChild(layer); return s;
} bool Draw::init()
{
CCLayer::init(); return true;
} void Draw::draw()
{
//得到窗体的大小
CCSize winSize = CCDirector::sharedDirector()->getWinSize(); //设置坐标
CCPoint center = ccp(winSize.width / 2, winSize.height / 2);
/*center.x = winSize.width / 2
center.y = winSize.height / 2*/ //定义数组保存点的位置
CCPoint pts[] = {
CCPoint(100, 100),
CCPoint(100, 200),
CCPoint(200, 200),
CCPoint(200, 100)
}; //定义数组保存点的位置
CCPoint pts2[] = {
CCPoint(300, 100),
CCPoint(400, 200),
CCPoint(400, 300)
}; // Bezier曲线
// 二阶Bezier曲线
ccDrawQuadBezier(pts2[0], pts2[1], pts2[2], 10); ccDrawColor4B(90, 90, 255, 255);
ccDrawCubicBezier(pts[0], pts[1], pts2[2], pts[3], 10); }
运行结果：
实例11：使用OpenGL接口实现通过鼠标点击画多边形
首先建立一个ActiveDraw类。用于处理OpenGL接口
在ActiveDraw.h中加入以下的代码
#ifndef __ActiveDraw_H__
#define __ActiveDraw_H__ #include "cocos2d.h"
USING_NS_CC; class ActiveDraw : public CCLayer
{
public:
static CCScene* scene(); CREATE_FUNC(ActiveDraw); bool init(); //设置触摸事件
bool ccTouchBegan(CCTouch*, CCEvent*); //保存触摸点
CCPoint _pts[100]; //记录有效的触摸点
int _ptsCount; void draw();
}; #endif
在ActiveDraw.cpp中加入以下的代码
#include "ActiveDraw.h" CCScene* ActiveDraw::scene()
{
CCScene* s = CCScene::create(); s->addChild(ActiveDraw::create()); return s;
} bool ActiveDraw::init()
{
CCLayer::init(); //处理触摸事件
setTouchEnabled(true);
setTouchMode(kCCTouchesOneByOne); _ptsCount = 0; return true;
} bool ActiveDraw::ccTouchBegan(CCTouch* touch, CCEvent* ev)
{
//得到触摸点的坐标
CCPoint pt = touch->getLocation(); // save //将坐标保存到数组中
_pts[_ptsCount++] = pt; return true;
} void ActiveDraw::draw()
{
//得到窗体的大小
CCSize winSize = CCDirector::sharedDirector()->getWinSize(); //设置点的位置
CCPoint center = ccp(winSize.width / 2, winSize.height / 2); //画多边形
ccDrawPoly(_pts, _ptsCount, true);
}
运行结果：
实例11：使用OpenGL接口实现通过鼠标点击画多边形2.0
首先建立一个ActiveDraw类，用于处理OpenGL接口
在ActiveDraw.h中加入以下的代码
#ifndef __ActiveDraw_H__
#define __ActiveDraw_H__ #include "cocos2d.h"
USING_NS_CC; class ActiveDraw : public CCLayer
{
public:
static CCScene* scene(); CREATE_FUNC(ActiveDraw); bool init(); //设置触摸事件
bool ccTouchBegan(CCTouch*, CCEvent*); //保存触摸点
CCPoint _pts[100]; //记录有效的触摸点
int _ptsCount; //定义精灵
CCSprite* _sprite; void draw();
}; #endif
在ActiveDraw.cpp中加入以下的代码
#include "ActiveDraw.h" CCScene* ActiveDraw::scene()
{
CCScene* s = CCScene::create(); s->addChild(ActiveDraw::create()); return s;
} bool ActiveDraw::init()
{
CCLayer::init(); //处理触摸事件
setTouchEnabled(true);
setTouchMode(kCCTouchesOneByOne); _ptsCount = 0; //创建精灵
_sprite = CCSprite::create();
addChild(_sprite); return true;
} bool ActiveDraw::ccTouchBegan(CCTouch* touch, CCEvent* ev)
{
//得到触摸点的坐标
CCPoint pt = touch->getLocation();
_pts[_ptsCount++] = pt; //得到窗体的大小
CCSize winSize = CCDirector::sharedDirector()->getWinSize(); //设置精灵的位置(精灵的位置为随机位置)
_sprite->setPosition(ccp(winSize.width*CCRANDOM_0_1(), winSize.height*CCRANDOM_0_1())); return true;
} void ActiveDraw::draw()
{
//得到窗体的大小
CCSize winSize = CCDirector::sharedDirector()->getWinSize(); //设置点的位置
CCPoint center = ccp(winSize.width / 2, winSize.height / 2); //画多边形
ccDrawPoly(_pts, _ptsCount, true); if(_sprite)
{
//画圆形
ccDrawCircle(_sprite->getPosition(), 20, 0, 100, true);
}
}
运行结果：
实例12：使用OpenGL接口实现画线段
首先建立一个DrawNode类，用于处理OpenGL接口
在DrawNode.h中加入以下的代码
#ifndef _DrawNode_H_
#define _DrawNode_H_ #include "cocos2d.h"
USING_NS_CC; class DrawNode : public CCLayer
{
public:
static CCScene* scene(); CREATE_FUNC(DrawNode); bool init();
}; #endif
#include "DrawNode.h" CCScene* DrawNode::scene()
{
CCScene* s = CCScene::create(); DrawNode* layer = DrawNode::create(); s->addChild(layer); return s;
} bool DrawNode::init()
{
//初始化父类
CCLayer::init(); //创建DrawNode
CCDrawNode* node = CCDrawNode::create(); //得到窗体的大小
CCSize winSize = CCDirector::sharedDirector()->getWinSize(); //设置点的坐标
CCPoint center = ccp(winSize.width / 2, winSize.height / 2); //设置node的位置
node->setPosition(center); //画一条线段
node->drawSegment(ccp(0, 0), ccp(100, 100), 2, ccc4f(1, 0, 0, 1)); //加入node
addChild(node); return true;
}
Cocos2d-X直接使用OpenGL接口的更多相关文章
- Cocos2d坐标系转换
Cocos2d-x坐标系和OpenGL坐标系相同,都是起源于笛卡尔坐标系(高中数学里面那种). 笛卡尔坐标系 笛卡尔坐标系中定义右手系原点在左下角,x向右,y向上,z向外,OpenGL坐标系为笛卡尔右 ...
- Cocos2dx中的opengl使用（一）简单介绍
引擎提供了CCGLProgram类来处理着色器相关操作,对当前绘图程序进行了封装,其中使用频率最高的应该是获取着色器程序的接口:const GLuint getProgram(); 该接口返回了当前着 ...
- openGL 提升渲染性能 之 顶点数组 VBO IBO VAO
使用openGL图形库绘制,都需要通过openGL接口向图像显卡提交顶点数据,显卡根据提交的数据绘制出相应的图形. openGL绘制方式有:直接模式,显示列表,顶点数组,顶点索引. 直接模式:最简单, ...
- 1.openGL 初探
GLEW, GLFW和GLM介绍 现在你有了工程,就让我们开始介绍下工程所用到的开源库和为啥需要这些. The OpenGL Extension Wrangler (GLEW)是用来访问OpenGL ...
- CSharpGL(0)一个易学易用的C#版OpenGL
+BIT祝威+悄悄在此留下版了个权的信说: CSharpGL(0)一个易学易用的C#版OpenGL CSharpGL是我受到SharpGL的启发,在整理了SharpGL,GLM,SharpFont等开 ...
- 【OpenGL】 第一篇 OpenGL概览
---------------------------------------------------------------------------------------------------- ...
- Android OpenGL 编写简单滤镜
Android 上使用Opengl进行滤镜渲染效率较高,比起单纯的使用CPU给用户带来的体验会好很多.滤镜的对象是图片,图片是以Bitmap的形式表示,Opengl不能直接处理Bitmap,在Andr ...
- Android OpenGL 学习笔记 --开始篇
转自: http://www.cnblogs.com/TerryBlog/archive/2010/07/09/1774475.html 1.什么是 OpenGL? OpenGL 是个专业的3D程序接 ...
- OpenGL学习之路（一）
1 引子 虽然是计算机科班出身,但从小对几何方面的东西就不太感冒,空间想象能力也较差,所以从本科到研究生,基本没接触过<计算机图形学>.为什么说基本没学过呢?因为好奇(尤其是惊叹于三维游戏 ...
随机推荐
- BZOJ 4010 拓扑排序+heap
思路: 反向图求最大拓扑序 反向输出 //By SiriusRen #include <queue> #include <cstdio> #include <cstrin ...
- HBase与RDBMS的区别
此讨论并不局限于HBase,也会延伸到MongoDB和Cassandra这样的NoSQL数据库. 1.RDBMS RDBMS有以下特点: 面向视图:RDBMS表使用固定的视图,表中的数据类型也会事先定 ...
- 微信小程序左右滑动切换页面示例代码--转载
微信小程序——左右滑动切换页面事件 微信小程序的左右滑动触屏事件,主要有三个事件:touchstart,touchmove,touchend. 这三个事件最重要的属性是pageX和pageY,表示X, ...
- "etc/profile" E212: Can't open file for writing
今天安装Java环境,出现如下错误: "etc/profile" E212: Can't open file for writing 这是安装到本地JDK路径不正确导致.怎么办呢? ...
- font使用
font连写属性 font-style font-variant font-weight font-size/line-height font-family font-size与font-fam ...
- JavaScript+CSS交互
当鼠标移动到小图片上时,小图片显示红色边框并在上面大图片显示相应大图片,效果如图: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans ...
- 揭开jQuery的面纱－jQuery选择器简介(二）
选择器并没有一个固定的定义,在某种程度上说,jQuery的选择器和样式表中的选择器十分相似.选择器具有如下特点: 1．简化代码的编写 2．隐式迭代 3．无须判断对象是否存在 “$”是选择器不可缺少的部 ...
- 完全掌握vuex
公司项目中大量的使用了vue,感觉对vue知识的掌握也越来越熟练了,录制视频教程也让我受益匪浅,自己成长的同时,我更希望帮助其他前端小伙伴一起成长.这篇文章我们主要讲解vuex. vuex是一个专门为 ...
- 后台导出大量数据超时报 nginx404错误
使用nginx服务器如果遇到timeou情况时可以如下设置参数,使用fastcgi: fastcgi_connect_timeout 75; 链接 fastcgi_read_ ...
- PAT_A1113#Integer Set Partition
Source: PAT A1113 Integer Set Partition (25 分) Description: Given a set of N (>) positive integer ...