Cocos2d-x 3.2学习笔记(三)学习绘图API
关于cocos2d-x 3.2 版本的绘图方法有两种
1、使用DrawNode类绘制自定义图形。
2、继承Layer类重写draw()方法。
以上两种方法都可以绘制自定义图形,根据自己的需要选择合适的方法。
一、使用DrawNode类绘制自定义图形
使用DrawNode 类绘制图形是最简单的方法,create一个DrawNode类,然后添加进场景。然后就可以愉快的绘图了。
- auto s = Director::getInstance()->getWinSize();
- //创建
- auto draw = DrawNode::create();
- this->addChild(draw, );
- // 画圆
- for( int i=; i < ; i++)
- {
- draw->drawDot(Vec2(s.width/, s.height/), *(-i), Color4F(CCRANDOM_0_1(), CCRANDOM_0_1(), CCRANDOM_0_1(), ));
- }
- // 画多边形
- Vec2 points[] = { Vec2(s.height/,), Vec2(s.width,s.height/), Vec2(s.width/*,s.height) };
- draw->drawPolygon(points, sizeof(points)/sizeof(points[]), Color4F(,,,0.5), , Color4F(,,,));
- // 画线
- draw->drawSegment(Vec2(,s.height), Vec2(,s.height/), , Color4F(, , , ));
- draw->drawSegment(Vec2(,s.height/), Vec2(s.width/, s.height/), , Color4F(, , , 0.5));
- // 画三角形
- draw->drawTriangle(Vec2(, ), Vec2(, ), Vec2(, ), Color4F(CCRANDOM_0_1(), CCRANDOM_0_1(), CCRANDOM_0_1(), 0.5));
- // 画贝赛尔曲线
- draw->drawQuadraticBezier(Vec2(s.width - , s.height - ), Vec2(s.width - , s.height - ), Vec2(s.width - , s.height - ), , Color4F(CCRANDOM_0_1(), CCRANDOM_0_1(), CCRANDOM_0_1(), 0.5));
- draw->drawCubicBezier(Vec2(s.width - , ), Vec2(s.width - , ), Vec2(s.width - , ), Vec2(s.width - , s.height - ), , Color4F(CCRANDOM_0_1(), CCRANDOM_0_1(), CCRANDOM_0_1(), 0.5));
根据需要可以用这些api创造出自己需要的图像。
二、继承Layer类重写draw()方法
这种方式可以自定义一个绘图类,用于创作自己需要的图形。
- #ifndef __HELLOWORLD_SCENE_H__
- #define __HELLOWORLD_SCENE_H__
- #include "cocos2d.h"
- USING_NS_CC;
- class HelloWorld : public cocos2d::Layer
- {
- public:
- virtual void draw(Renderer *renderer, const Mat4 &transform, bool transformUpdated) override;
- protected:
- void onDraw(const kmMat4 &transform, bool transformUpdated);
- CustomCommand _customCommand;
- };
- #endif
- #include "HelloWorldScene.h"
- #include "VisibleRect.h"
- void HelloWorld::draw(cocos2d::Renderer *renderer, const kmMat4 &transform, bool transformUpdated)
- {
- _customCommand.init();
- _customCommand.func = CC_CALLBACK_0(HelloWorld::onDraw, this,transform,transformUpdated);
- renderer->addCommand(&_customCommand);
- }
- void HelloWorld::onDraw(const kmMat4 &transform, bool transformUpdated)
- {
- kmGLPushMatrix();
- kmGLLoadMatrix(&transform);
- /*直线*/
- CHECK_GL_ERROR_DEBUG();
- DrawPrimitives::drawLine(VisibleRect::leftBottom(), VisibleRect::rightTop());
- CHECK_GL_ERROR_DEBUG();
- glLineWidth( 5.0f );
- DrawPrimitives::setDrawColor4B(,,,);
- DrawPrimitives::drawLine( Point(, ), Point(, ) );
- // draw big point in the center
- DrawPrimitives::setPointSize();
- DrawPrimitives::setDrawColor4B(, , , );
- DrawPrimitives::drawPoint(VisibleRect::center());
- CHECK_GL_ERROR_DEBUG();
- // draw 4 small points
- Point points[] = { Point(,), Point(,), Point(,), Point(,) };
- DrawPrimitives::setPointSize();
- DrawPrimitives::setDrawColor4B(,,,);
- DrawPrimitives::drawPoints( points, );
- CHECK_GL_ERROR_DEBUG();
- // draw a green circle with 10 segments
- glLineWidth();
- DrawPrimitives::setDrawColor4B(, , , );
- DrawPrimitives::drawCircle( VisibleRect::center(), , , , false);
- CHECK_GL_ERROR_DEBUG();
- // draw a green circle with 50 segments with line to center
- glLineWidth();
- DrawPrimitives::setDrawColor4B(, , , );
- DrawPrimitives::drawCircle( VisibleRect::center(), , CC_DEGREES_TO_RADIANS(), , false);
- CHECK_GL_ERROR_DEBUG();
- // draw a pink solid circle with 50 segments
- glLineWidth();
- DrawPrimitives::setDrawColor4B(, , , );
- DrawPrimitives::drawSolidCircle( VisibleRect::center() + Point(,), , CC_DEGREES_TO_RADIANS(), , 1.0f, 1.0f);
- CHECK_GL_ERROR_DEBUG();
- // open yellow poly
- DrawPrimitives::setDrawColor4B(, , , );
- glLineWidth();
- Point vertices[] = { Point(,), Point(,), Point(,), Point(,), Point(,) };
- DrawPrimitives::drawPoly( vertices, , false);
- CHECK_GL_ERROR_DEBUG();
- // filled poly
- glLineWidth();
- Point filledVertices[] = { Point(,), Point(,), Point(,), Point(,), Point(,) };
- DrawPrimitives::drawSolidPoly(filledVertices, , Color4F(0.5f, 0.5f, , ) );
- // closed purble poly
- DrawPrimitives::setDrawColor4B(, , , );
- glLineWidth();
- Point vertices2[] = { Point(,), Point(,), Point(,) };
- DrawPrimitives::drawPoly( vertices2, , true);
- CHECK_GL_ERROR_DEBUG();
- // draw quad bezier path
- DrawPrimitives::drawQuadBezier(VisibleRect::leftTop(), VisibleRect::center(), VisibleRect::rightTop(), );
- CHECK_GL_ERROR_DEBUG();
- // draw cubic bezier path
- DrawPrimitives::drawCubicBezier(VisibleRect::center(), Point(VisibleRect::center().x+,VisibleRect::center().y+), Point(VisibleRect::center().x+,VisibleRect::center().y-),Point(VisibleRect::center().x+,VisibleRect::center().y+),);
- CHECK_GL_ERROR_DEBUG();
- //draw a solid polygon
- Point vertices3[] = {Point(,), Point(,), Point(,), Point(,)};
- DrawPrimitives::drawSolidPoly( vertices3, , Color4F(,,,) );
- CHECK_GL_ERROR_DEBUG();
- //end draw
- kmGLPopMatrix();
- }
其中涉及到辅助类VisibleRect类得到获取视口。
- #ifndef __VISIBLERECT_H__
- #define __VISIBLERECT_H__
- #include "cocos2d.h"
- class VisibleRect
- {
- public:
- static cocos2d::Rect getVisibleRect();
- static cocos2d::Vec2 left();
- static cocos2d::Vec2 right();
- static cocos2d::Vec2 top();
- static cocos2d::Vec2 bottom();
- static cocos2d::Vec2 center();
- static cocos2d::Vec2 leftTop();
- static cocos2d::Vec2 rightTop();
- static cocos2d::Vec2 leftBottom();
- static cocos2d::Vec2 rightBottom();
- private:
- static void lazyInit();
- static cocos2d::Rect s_visibleRect;
- };
- #endif /* __VISIBLERECT_H__ */
VisibleRect.h
- #include "VisibleRect.h"
- USING_NS_CC;
- Rect VisibleRect::s_visibleRect;
- void VisibleRect::lazyInit()
- {
- // no lazy init
- // Useful if we change the resolution in runtime
- s_visibleRect = Director::getInstance()->getOpenGLView()->getVisibleRect();
- }
- Rect VisibleRect::getVisibleRect()
- {
- lazyInit();
- return s_visibleRect;
- }
- Vec2 VisibleRect::left()
- {
- lazyInit();
- return Vec2(s_visibleRect.origin.x, s_visibleRect.origin.y+s_visibleRect.size.height/);
- }
- Vec2 VisibleRect::right()
- {
- lazyInit();
- return Vec2(s_visibleRect.origin.x+s_visibleRect.size.width, s_visibleRect.origin.y+s_visibleRect.size.height/);
- }
- Vec2 VisibleRect::top()
- {
- lazyInit();
- return Vec2(s_visibleRect.origin.x+s_visibleRect.size.width/, s_visibleRect.origin.y+s_visibleRect.size.height);
- }
- Vec2 VisibleRect::bottom()
- {
- lazyInit();
- return Vec2(s_visibleRect.origin.x+s_visibleRect.size.width/, s_visibleRect.origin.y);
- }
- Vec2 VisibleRect::center()
- {
- lazyInit();
- return Vec2(s_visibleRect.origin.x+s_visibleRect.size.width/, s_visibleRect.origin.y+s_visibleRect.size.height/);
- }
- Vec2 VisibleRect::leftTop()
- {
- lazyInit();
- return Vec2(s_visibleRect.origin.x, s_visibleRect.origin.y+s_visibleRect.size.height);
- }
- Vec2 VisibleRect::rightTop()
- {
- lazyInit();
- return Vec2(s_visibleRect.origin.x+s_visibleRect.size.width, s_visibleRect.origin.y+s_visibleRect.size.height);
- }
- Vec2 VisibleRect::leftBottom()
- {
- lazyInit();
- return s_visibleRect.origin;
- }
- Vec2 VisibleRect::rightBottom()
- {
- lazyInit();
- return Vec2(s_visibleRect.origin.x+s_visibleRect.size.width, s_visibleRect.origin.y);
- }
VisibleRect.cpp
Cocos2d-x 3.2学习笔记(三)学习绘图API的更多相关文章
- Oracle学习笔记三 SQL命令
SQL简介 SQL 支持下列类别的命令: 1.数据定义语言(DDL) 2.数据操纵语言(DML) 3.事务控制语言(TCL) 4.数据控制语言(DCL)
- [Firefly引擎][学习笔记三][已完结]所需模块封装
原地址:http://www.9miao.com/question-15-54671.html 学习笔记一传送门学习笔记二传送门 学习笔记三导读: 笔记三主要就是各个模块的封装了,这里贴 ...
- JSP学习笔记(三):简单的Tomcat Web服务器
注意:每次对Tomcat配置文件进行修改后,必须重启Tomcat 在E盘的DATA文件夹中创建TomcatDemo文件夹,并将Tomcat安装路径下的webapps/ROOT中的WEB-INF文件夹复 ...
- java之jvm学习笔记三(Class文件检验器)
java之jvm学习笔记三(Class文件检验器) 前面的学习我们知道了class文件被类装载器所装载,但是在装载class文件之前或之后,class文件实际上还需要被校验,这就是今天的学习主题,cl ...
- VSTO学习笔记(三) 开发Office 2010 64位COM加载项
原文:VSTO学习笔记(三) 开发Office 2010 64位COM加载项 一.加载项简介 Office提供了多种用于扩展Office应用程序功能的模式,常见的有: 1.Office 自动化程序(A ...
- Java IO学习笔记三
Java IO学习笔记三 在整个IO包中,实际上就是分为字节流和字符流,但是除了这两个流之外,还存在了一组字节流-字符流的转换类. OutputStreamWriter:是Writer的子类,将输出的 ...
- NumPy学习笔记 三 股票价格
NumPy学习笔记 三 股票价格 <NumPy学习笔记>系列将记录学习NumPy过程中的动手笔记,前期的参考书是<Python数据分析基础教程 NumPy学习指南>第二版.&l ...
- Learning ROS for Robotics Programming Second Edition学习笔记(三) 补充 hector_slam
中文译著已经出版,详情请参考:http://blog.csdn.net/ZhangRelay/article/category/6506865 Learning ROS for Robotics Pr ...
- Learning ROS for Robotics Programming Second Edition学习笔记(三) indigo rplidar rviz slam
中文译著已经出版,详情请参考:http://blog.csdn.net/ZhangRelay/article/category/6506865 Learning ROS for Robotics Pr ...
- Typescript 学习笔记三:函数
中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...
随机推荐
- 【C++】自绘控件基础
由于我们对控件的功能.外观的需求,公共控件并不能很好地满足这一点,所以我们就得自绘控件. 自绘控件有许多方法,比如:处理WM_PAINT消息,设置ownDraw风格,处理WM_CTLCOLOR消息,等 ...
- Runtime消息传送
person.h #import<Foundation/Foundation.h> @interfacePerson :NSObject + (void)eat; - (void)run: ...
- linux-9基本命令之-wget
1.wget 命令用于下载网络文件,格式:"wget[参数] 下载地址" wget 参数 -b 后台下载模式 -O 下载到指定的目录 -t 最大尝试次数 -p 下载页面内所有的资源 ...
- C++混合编程之idlcpp教程Python篇(7)
上一篇在这 C++混合编程之idlcpp教程Python篇(6) 第一篇在这 C++混合编程之idlcpp教程(一) 与PythonTutorial4工程相似,工程PythonTutorial5中,同 ...
- CentOs笔记
系统 CentOs7,最小安装,使用 Ext4,/ ,/boot,/swap 使用标准分区,另一个分区做为数据分区,使用 LVM. 更新: http://mirrors.163.com/.help/c ...
- Unity多单位战斗寻路问题的一种解决办法
Unity多单位战斗寻路问题的一种解决办法 Unity提供了NavMesh 导航组件 NavMesh是在实践中通用性最好的一种导航方式,但是Unity的实现并没有完全提供一个开放自由的API. 主 ...
- SQL Server 性能优化之——T-SQL 临时表、表变量、UNION
这次看一下临时表,表变量和Union命令方面是否可以被优化呢? 阅读导航 一.临时表和表变量 二.本次的另一个重头戏UNION 命令 一.临时表和表变量 很多数据库开发者使用临时表和表变量将代码分解成 ...
- 如何为编程爱好者设计一款好玩的智能硬件(三)——该选什么样的MCU呢?
一.我的构想:如何为编程爱好者设计一款好玩的智能硬件(一)——即插即用.积木化.功能重组的智能硬件模块构想 二.别人家的孩子:如何为编程爱好者设计一款好玩的智能硬件(二)——别人是如何设计硬件积木的! ...
- Canny算子边缘检测(cvCanny)
Canny是常用的边缘检测方法,其特点是试图将独立边的候选像素拼装成轮廓. John Canny于1986年提出Canny算子,它与Marr(LoG)边缘检测方法类似,也属于是先平滑后求导数的方法. ...
- 基础才是重中之重~C#中标准的IDispose模式
回到目录 IDispose模式在C++中用的很多,用来清理资源,而在C#里,资源分为托管和非托管两种,托管资源是由C#的CLR帮助我们清理的,它是通过调用对象的析构函数完成的对象释放工作,而对于非托管 ...