转载请注明出处:http://blog.csdn.net/oyangyufu/article/details/25841727

绘制图形例如以下:

 

程序代码:

须要又一次定义父类虚函数draw()

1、在HelloWorldScene.h头文件增加:

	virtual void draw();

2、定义实现:

void HelloWorld::draw()
{ //add your code.... CHECK_GL_ERROR_DEBUG();
CCSize size = CCDirector::sharedDirector()->getVisibleSize(); //线宽为1,蓝色线,不透明
//ccDrawLine參数1:绘制起点坐标, 參数2:终点坐标
glLineWidth( 1.0f );
ccDrawColor4B(0,0,255,0);
ccDrawLine(ccp(0, 640,), ccp(960, 0) ); CHECK_GL_ERROR_DEBUG(); //线宽为5,红色线,不透明
//ccDrawLine參数1:绘制起点坐标, 參数2:终点坐标
glLineWidth( 5.0f );
ccDrawColor4B(255,0,0,255);
ccDrawLine(ccp(0, 0,), ccp(960, 640) ); CHECK_GL_ERROR_DEBUG(); //设置OpenGL点的大小, 默认是正方形
//ccDrawLine參数:绘制位置
//ccPointSize(80);
//ccDrawColor4B(0,0,255,128);//设置颜色
//ccDrawPoint( ccp(size.width/2, size.height/2) ); CHECK_GL_ERROR_DEBUG(); // 画4个点的正方形
CCPoint points[] = { ccp(60,60), ccp(70,70), ccp(60,70), ccp(70,60) };//四个点位置
ccPointSize(80);
ccDrawColor4B(0,255,255,255);
ccDrawPoints( points, 4); CHECK_GL_ERROR_DEBUG(); //在屏中间画一个由10段组成的圆, 与圆中心不连线
//ccDrawCircle參数1:圆心位置。參数2:半径;參数3:角度;參数4:分段数。參数5:是否与圆中心连线
glLineWidth(16);//宽度
ccDrawColor4B(0, 255, 0, 255);//颜色
ccDrawCircle(ccp(size.width/2, size.height/2), 100, 0, 10, false); CHECK_GL_ERROR_DEBUG(); // 在屏中间画一个由50段组成的圆。与圆中心连线
glLineWidth(2);
ccDrawColor4B(0, 255, 255, 255);
ccDrawCircle( ccp(size.width/2, size.height/2), 50, CC_DEGREES_TO_RADIANS(90), 50, true); CHECK_GL_ERROR_DEBUG(); //画点数为5的多边形
//ccDrawPoly參数1:点数组;參数2:点数。參数3:图形是否闭合
ccDrawColor4B(255, 255, 0, 255);
glLineWidth(10);
CCPoint vertices[] = { ccp(0,0), ccp(50,50), ccp(100,50), ccp(100,100), ccp(50,100) };
ccDrawPoly( vertices, 5, false); CHECK_GL_ERROR_DEBUG(); // 画点数为5的闭合多边形, 并填充颜色
//ccDrawSolidPoly參数1:点数组。參数2:点数。參数3:填充颜色
glLineWidth(1);
CCPoint filledVertices[] = { ccp(0,120), ccp(50,120), ccp(50,170), ccp(25,200), ccp(0,170) };
ccDrawSolidPoly(filledVertices, 5, ccc4f(0.5f, 0.5f, 1, 1 ) ); // 画三角形
//ccDrawPoly參数1:点数组。參数2:点数;參数3:图形是否闭合
ccDrawColor4B(255, 0, 255, 255);
glLineWidth(2);
CCPoint vertices2[] = { ccp(130,230), ccp(130,330), ccp(150,300) };
ccDrawPoly( vertices2, 3, true); CHECK_GL_ERROR_DEBUG(); // 画塞尔曲线
//參数1:线起点位置;參数2:线中心点位置。參数3:线终点位置。參数4:线条段数
ccDrawQuadBezier(ccp(0, 640-100),ccp(size.width/2, size.height/2-100),ccp(960, 640-100), 90); CHECK_GL_ERROR_DEBUG(); //画有4个控制点的塞尔曲线
ccDrawCubicBezier(ccp(size.width/2, size.height/2), ccp(size.width/2+100, size.height/2+150), ccp(size.width/2+200, size.height/2-80),ccp(960, 300),100); CHECK_GL_ERROR_DEBUG(); //画黄色斜矩形
CCPoint vertices3[] = {ccp(60,160), ccp(70,190), ccp(100,190), ccp(90,160)};
ccDrawSolidPoly( vertices3, 4, ccc4f(1,1,0,1) ); // 完毕后重置一下绘制状态
glLineWidth(1);
ccDrawColor4B(255,255,255,0);
ccPointSize(1); CHECK_GL_ERROR_DEBUG(); }

 

cocos2d-x 绘制图形的更多相关文章

  1. CSS 魔法系列:纯 CSS 绘制图形(心形、六边形等)

    <CSS 魔法系列>继续给大家带来 CSS 在网页中以及图形绘制中的使用.这篇文章给大家带来的是纯 CSS 绘制五角星.六角形.五边形.六边形.心形等等. 我们的网页因为 CSS 而呈现千 ...

  2. html5 Canvas绘制图形入门详解

    html5,这个应该就不需要多作介绍了,只要是开发人员应该都不会陌生.html5是「新兴」的网页技术标准,目前,除IE8及其以下版本的IE浏览器之外,几乎所有主流浏览器(FireFox.Chrome. ...

  3. html5 canvas 笔记一(基本用法与绘制图形)

    <canvas> 元素 <canvas id="tutorial" width="150" height="150"> ...

  4. WPF2D绘制图形方法

    我们先看看效果如何: xaml文件: <Window x:Class="WPF2D绘制图形方法.MainWindow" xmlns="http://schemas. ...

  5. 11-UIKit(Storyboard、View的基本概念、绘制图形、UIBezierPath)

    目录: 1. Storyboard 2. Views 3. View的基本概念介绍 4. 绘制图形 5. UIBezierPath 回到顶部 1. Storyboard 1.1 静态表视图 1)Sec ...

  6. HTML5—canvas绘制图形(1)

    1.canvas基础知识 canvas元素是HTML5中新增的一个重要的元素,专门用来绘制图形,不过canvas本身不具备画图的能力,在页面中放置了canvas元素,就相当于在页面中放置了一块矩形的“ ...

  7. 【canvas学习笔记二】绘制图形

    上一篇我们已经讲述了canvas的基本用法,学会了构建canvas环境.现在我们就来学习绘制一些基本图形. 坐标 canvas的坐标原点在左上角,从左到右X轴坐标增加,从上到下Y轴坐标增加.坐标的一个 ...

  8. HTML5使用Canvas来绘制图形

    一.Canvas标签: 1.HTML5<canvas>元素用于图形的绘制,通过脚本(通常是javascript)来完成. 2.<canvas>标签只是图形容器,必须使用脚本来绘 ...

  9. canvas 绘制图形

    canvas 绘制图形: 注意: canvas 的宽高设置在行内,否则会使画布(canvas)产生扭曲,绘图变形: <!DOCTYPE html> <html lang=" ...

  10. python中的turtle库绘制图形

    1. 前奏: 在用turtle绘制图形时,需要安装对应python的解释器以及IDE,我安装的是pycharm,在安装完pycharm后,在pycharm安装相应库的模块,绘图可以引入turtle模块 ...

随机推荐

  1. 6.2 小表驱动大表(exists的应用)

    1. 优化原则:小表驱动大表,即小数据集驱动大数据集. select * from A where id in (select id from B) 等价于: for select id from B ...

  2. 【Java每日一题】20170309

    20170308问题解析请点击今日问题下方的“[Java每日一题]20170309”查看(问题解析在公众号首发,公众号ID:weknow619) package Mar2017; public cla ...

  3. python名片管理

    python名片管理是我根据视频自己敲敲的代码,后续学习会持续更新 代码 card_main.py import card_tools # 无限循环,由用户决定什么时候退出 while True: # ...

  4. C#导入Excel、Excel导入、导入.xls 、导入.xlsx、Excel2003版本、Excel2007版本

    C#导入Excel: 1.选择Excel 03版文件 2.选择需要读取数据的Excel工作表   3.选择工作表中需要读取的列 源码地址在图片下面,不要点击图片,点击下载地址跳转下载.

  5. vue+vuecli+webpack中使用mockjs模拟后端数据

    前言 使用mockjs可以事先模拟数据,前提是和后端约定好了数据接口,怎样的数据.使用mock就可以生成你要的数据了,从而实现开发时前后端分离. 其主要功能是: 基于数据模板生成模拟数据. 基于HTM ...

  6. SAP FI配置步骤

    http://blog.sina.com.cn/s/blog_8eda1a620100uwzj.html No. 配置对象 事务代码 配置内容 路径 备注 1 定义公司 OX15 企业结构>定义 ...

  7. python语言学习--1

    第一天 item: 当字符串中出现 反斜杠'\' 时,输出时会把它当做转义字符处理,所以结果中不会出现它,若要正常输出则需要在字符串前面加上r, 我想r的意思是religion即“原始”的意思: it ...

  8. Spring Boot 特性以及代码模板实例

    SpringBoot工程 参数解析 HTTP Method Request / Response / Session Error/重定向 Logger IoC AOP/Aspect   1:Sprin ...

  9. Centos 中无法上网的问题

    我是 Centos 最小化安装的,安装网后 Centos 竟然无法上网...有点奇葩, 应该是网卡没有激活的问题了,下面是解决的过程 查看网卡 ip addr 其中 lo 是 Loop back ad ...

  10. sql 语句按字段指定值排序及分页

    为特定字段赋值并排序 表[Table_temp]中列[col1]为字符,属性为varchar(),排序时需要按照B.A.C的顺序显示,则可按照以下SQL语句: select * from Table_ ...