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 引子 虽然是计算机科班出身,但从小对几何方面的东西就不太感冒,空间想象能力也较差,所以从本科到研究生,基本没接触过<计算机图形学>.为什么说基本没学过呢?因为好奇(尤其是惊叹于三维游戏 ...
随机推荐
- Cracking the Coding Interview 10.7
Design an algorithm to find the kth number such that the only prime factors are 3,5 and 7 方法一: a[i]= ...
- elasticsearch5.3.0 bulk index 性能调优实践
elasticsearch5.3.0 bulk index 性能调优实践 通俗易懂
- 青橙 M4 解锁BootLoader 并刷入recovery ROOT
首先下载工具链接:https://pan.baidu.com/s/1o9xzTEi密码:7s7a 备用连接:https://pan.baidu.com/s/1bq47TMn 本篇教程教你如何傻瓜式解锁 ...
- （List）写一个函数reverseList，该函数能够接受一个List，然后把该List 倒序排列。 例如： List list = new ArrayList(); list.add(“Hello”); list.add(“World”); list.add(“Learn”); //此时list 为Hello World Learn rever
import java.util.ArrayList; import java.util.List; public class AA { public static void main(String[ ...
- Maven服务器的使用之Maven桌面项目和Maven Web项目的创建
Maven的使用 Maven功能强大, 可以参与管理软件的整个生命周期. Java软件开发中的jar包管理更是Maven的绝技. 1.创建Maven桌面项目 1.1 选择菜单创建Maven项目 1.2 ...
- python迭代器,生成器,推导式
可迭代对象 字面意思分析:可以重复的迭代的实实在在的东西. list,dict(keys(),values(),items()),tuple,str,set,range, 文件句柄(待定) 专业角度: ...
- nginx设置跳转https
在监听80端口的内部,添加一句代码:rewrite ^(.*)$ https://$host$1 permanent;
- jquery获取当前时间并且格式化
Date.prototype.Format = function (fmt) { var o = { "M+": this.getMonth() + 1 ...
- TensorFlow技术解析与实战学习笔记（15）-----MNIST识别（LSTM）
一.任务:采用基本的LSTM识别MNIST图片,将其分类成10个数字. 为了使用RNN来分类图片,将每张图片的行看成一个像素序列,因为MNIST图片的大小是28*28像素,所以我们把每一个图像样本看成 ...
- wafII笔记
wafII笔记: 组件的使用方法: 组件属性: 属性的设置和获取通过option方法来完成 waf("#id").wafProm ...