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

在DrawNode.cpp中加入以下的代码
#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接口的更多相关文章

  1. Cocos2d坐标系转换

    Cocos2d-x坐标系和OpenGL坐标系相同,都是起源于笛卡尔坐标系(高中数学里面那种). 笛卡尔坐标系 笛卡尔坐标系中定义右手系原点在左下角,x向右,y向上,z向外,OpenGL坐标系为笛卡尔右 ...

  2. Cocos2dx中的opengl使用（一）简单介绍

    引擎提供了CCGLProgram类来处理着色器相关操作,对当前绘图程序进行了封装,其中使用频率最高的应该是获取着色器程序的接口:const GLuint getProgram(); 该接口返回了当前着 ...

  3. openGL 提升渲染性能 之 顶点数组 VBO IBO VAO

    使用openGL图形库绘制,都需要通过openGL接口向图像显卡提交顶点数据,显卡根据提交的数据绘制出相应的图形. openGL绘制方式有:直接模式,显示列表,顶点数组,顶点索引. 直接模式:最简单, ...

  4. 1.openGL 初探

    GLEW, GLFW和GLM介绍 现在你有了工程,就让我们开始介绍下工程所用到的开源库和为啥需要这些. The OpenGL Extension Wrangler (GLEW)是用来访问OpenGL ...

  5. CSharpGL(0)一个易学易用的C#版OpenGL

    +BIT祝威+悄悄在此留下版了个权的信说: CSharpGL(0)一个易学易用的C#版OpenGL CSharpGL是我受到SharpGL的启发,在整理了SharpGL,GLM,SharpFont等开 ...

  6. 【OpenGL】 第一篇 OpenGL概览

    ---------------------------------------------------------------------------------------------------- ...

  7. Android OpenGL 编写简单滤镜

    Android 上使用Opengl进行滤镜渲染效率较高,比起单纯的使用CPU给用户带来的体验会好很多.滤镜的对象是图片,图片是以Bitmap的形式表示,Opengl不能直接处理Bitmap,在Andr ...

  8. Android OpenGL 学习笔记 --开始篇

    转自: http://www.cnblogs.com/TerryBlog/archive/2010/07/09/1774475.html 1.什么是 OpenGL? OpenGL 是个专业的3D程序接 ...

  9. OpenGL学习之路（一）

    1 引子 虽然是计算机科班出身,但从小对几何方面的东西就不太感冒,空间想象能力也较差,所以从本科到研究生,基本没接触过<计算机图形学>.为什么说基本没学过呢?因为好奇(尤其是惊叹于三维游戏 ...

随机推荐

  1. 题解报告：hdu 1850 Being a Good Boy in Spring Festival（尼姆博弈）

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1850 Problem Description 一年在外 父母时刻牵挂春节回家 你能做几天好孩子吗寒假里 ...

  2. Elasticsearch之curl删除索引库

    关于curl创建索引库的介绍,请移步 Elasticsearch之curl创建索引库 [hadoop@djt002 elasticsearch-2.4.3]$ curl -XPUT 'http://1 ...

  3. RabbitMQ 官方NET教程(六)【RPC】

    在第二个教程中,我们学习了如何使用Work Queues在多个工作者之间分配耗时的任务. 但是如果我们需要在远程计算机上运行功能并等待结果怎么办? 那是一个不同的模式. 此模式通常称为远程过程调用或R ...

  4. 【PostgreSQL-9.6.3】表操作语句

    1.创建数据表 create table table_name ( 字段1 数据类型[列级别约束条件][默认值], 字段2 数据类型[列级别约束条件][默认值], 字段3 数据类型[列级别约束条件][ ...

  5. C#中SetWindowPos函数详解

    [DllImport("user32.dll")] private static extern bool SetWindowPos(IntPtr hWnd, IntPtr hWnd ...

  6. react基础篇六

    创建 Refs 使用 React.createRef() 创建 refs,通过 ref 属性来获得 React 元素.当构造组件时,refs 通常被赋值给实例的一个属性,这样你可以在组件中任意一处使用 ...

  7. .net mvc DropDownListFor下拉列表使用（验证）方法

    @Html.DropDownListFor(model => model.SchoolId, new SelectList(ViewBag.SelectList, "SchoolTyp ...

  8. LINUX - getopts

    getopts optionString opt; optionString :所有参数组成的-参数串: opt:从optionString 每次取的参数值: 当optionString用[:]开头, ...

  9. HttpRunnerManager 搭建使用方法

    HttpRunnerManager Design Philosophy 基于HttpRunner的接口自动化测试平台: HttpRunner, djcelery and Django_. HttpRu ...

  10. 11.5 【Linq 】连接

    11.5.1 使用 join 子句的内连接 如果你打算把一个巨大的序列连接到一个极小的序列上,应尽可能把小序列作为右边序列 class Program { static void Main(strin ...