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++混合编程之idlcpp教程Python篇(8)
上一篇在这 C++混合编程之idlcpp教程Python篇(7) 第一篇在这 C++混合编程之idlcpp教程(一) 与前面的工程相似,工程PythonTutorial6中,同样加入了四个文件:Pyt ...
- 如何查看Android的Keystore文件的SHA1值
像使用百度地图api时候,一般需要获取keystore的SHA1值,这里就手把手教大家如何查看Android的keystore文件中的SHA1值. 第一步: 打开cmd,切换到keystore所在的文 ...
- 年底了,特贡献一些C#有意思的算法题
2013年,即将要过去了.屌丝C#程序员们拿到了年终奖不?是不是又想蠢蠢欲动了?是不是想通过跳槽来为自己实现加薪的梦想?好吧,跳槽之前还是做点准备吧,准备好C#的笔试吧.这里我收集了些奉献给大家,大家 ...
- 【Win10 UWP】URI Scheme(一):Windows Store协议的解析和使用
协议是Windows Phone和Windows Store应用的一个重要特点,可以做到在不同应用之间进行互相呼起调用.小小协议,学问大着呢.我打算写几篇关于协议在UWP中使用的文章. 这一讲的主要对 ...
- win7升级为Win10 10586版本,出现应用商店打不开的解决办法
把公司的win7升级为了win10,但是打开应用商店时是白的,什么都没有,过一会之后,会有提示信息. 报的错误是: 错误代码:0X80072ee2 最后,我的解决办法是: 首先,咱们返回到win10 ...
- Request中的各种方法
前言 Request中方法众多,对于Java Web程序员来说,种种方法都会在工作中常常用到.Request由于不是JDK的一部分,这些方法的用法也没有专门的API可以查,所以在工作中遇到Reques ...
- 解决你的开发烦恼——Aoite 开源前奏
Aoite(Any one item!) 一个适于任何 .Net Framework 4.0+ 项目的快速开发整体解决方案,敬请关注 Aoite GitHub. 介绍 本项目从2009年孵化(V-&g ...
- Silverlight4中实现Theme的动态切换
Silverlight一般用来开发一些企业的应用系统,如果用户一直面对同一种风格的页面,时间长了难免厌烦,所以一般都会提供好几种风格及Theme供用户选中,下面就来说一下如何在不重新登录系统的情况下, ...
- [安卓] 16、ListView和GridView结合显示单元实现自定义列表显示效果
List在各种手机应用中都有体现,是安卓UI设计的必修课. 本文将介绍在开发中如何利用ListView和GridView设计自定义列表. 下面分别是用ListView和GridView做的效果: 上面 ...
- wamp虚拟主机配置
1.首先打开apache的配置文件httpd.conf,并去掉#Include conf/extra/httpd-vhosts.conf前面的#,启用虚拟主机功能 2.先把localhost配置好,免 ...