cocos2dx 3.x 绘图API

方案一:

使用DrawNode

auto draw1 = DrawNode :: create();

             this ->addChild ( draw1);

             draw1 ->drawDot ( Vec2( 10 , 10 ), 5 , Color4F ::GREEN );//一个坐标在(10,10) , 半径为5 ,颜色为 绿的圆;

             draw1 ->drawSegment ( Vec2( 20 , 20 ), Vec2 (40 , 20 ), 5 , Color4F :: GRAY);//一个点在(20,20) 到点(40,20), 点上半径为5 ,颜色为 灰 的椭圆或者说是线段;

             Vec2 polygon [] = { Vec2 (40 , 40 ), Vec2 ( 40, 50), Vec2( 50 , 60 ), Vec2 (50 , 30 ), Vec2 (45 , 30 ) };
             draw1 ->drawPolygon ( polygon, 5, Color4F:: MAGENTA , 1 , Color4F :: GREEN);//5个坐标在数组polygon[]里的点 , 边界厚度为1 ,填充颜色为 粉的圆  边界颜色为 绿 的多边形;

             draw1 ->drawTriangle ( Vec2( 100 , 100 ), Vec2 (200 , 100 ), Vec2 ( 150, 150), Color4F ::GREEN );//一个确定了三个点  ,颜色为 绿的的三角形;

方案二:

重载draw方法(此方法本人认为有点复杂,远不如 drawnode简单,而且在绘制的时候会出想被Sprite挡住的现象,如果在今后出现了此方法的优势之处后再做说明)

时间: 2024-08-04 15:57:54

cocos2dx 3.x 绘图API的相关文章

Cocos2d-x 系列八之绘图API

本节来看一下在cocos2d-x中,常用的一些绘图api: 先来看一个工具类,以便于快速指定游戏窗口的一些位置,如左上,右上等:VisibleRect.h #ifndef __VISIBLERECT_H__ #define __VISIBLERECT_H__ #include "cocos2d.h" class VisibleRect { public: static cocos2d::Rect getVisibleRect(); static cocos2d::Vec2 left()

Cocos2d-x 3.1.1 学习笔记(三)学习绘图API

关于cocos2d-x 3.1.1 版本的绘图方法有两种 1.使用DrawNode类绘制自定义图形. 2.继承Layer类重写draw()方法. 以上两种方法都可以绘制自定义图形,根据自己的需要选择合适的方法. 一.使用DrawNode类绘制自定义图形 使用DrawNode 类绘制图形是最简单的方法,create一个DrawNode类,然后添加进场景.然后就可以愉快的绘图了. 1 auto s = Director::getInstance()->getWinSize(); 2 //创建 3 a

cocos2d-x 3.0 绘图节点——Node

***************************************转载请注明出处:http://blog.csdn.net/lttree******************************************** 昨天写了个场景切换,折腾到半夜..好困的说... *************************** 照旧,先来个目录: 1.前言 2.从代码观节点 3.实际应用Node类 *************************** 1.前言 老样子,先来点干货

引言:Canvas绘图API快速入门

引言:Canvas绘图API快速入门 在接触HTML5的初学者包括我都在很多地方见到非常炫的一些页面,甚至好多学习HTML5的开发者都是冲着Web端的页游去的,那么HTML5那么绚丽的页面效果以及游戏动画效果的原理是怎样的?本篇文章将带您在20分钟内快速了解和上手HTML5游戏开发的神器:Canvas绘制API. 一.Canvas是什么? Canvas就是一个画布,可以进行画任何的线.图形.填充等一系列的操作,而且操作的画图就是js,所以让js编程到了嗑药的地步.另外Canvas不仅仅提供简单的

进阶篇-用户界面:5.android绘图api自定义View(视图)

1.自定义视图并为其添加属性     我们平时用的Button啊 TextView啊都是安卓中系统自带的控件供开发者使用,但是,这些事远远不够的,有时候我们需要自定义控件. (1)新建一个类MyView使其继承View 类 import android.content.Context; import android.content.res.TypedArray; import android.util.AttributeSet; import android.view.View; /** * C

Html5 学习系列(五)Canvas绘图API快速入门(2)

Canvas绘图API Demos 上一篇文章中,笔者已经给大家演示了怎么快速用Canvas的API绘制一个矩形出来.接下里我会在本文中给各位介绍Canvas的其他API:绘制线条.绘制椭圆.绘制图片.图片处理等...如果想获得更好的阅读效果请点击老马的独立博客地址. 一.Canvas绘制线条 Context对象的beginPath方法表示开始绘制路径,moveTo(x, y)方法设置线段的起点,lineTo(x, y)方法设置线段的终点,stroke方法用来给透明的线段着色.moveto和li

Cocos2d-x之绘图API说明

Node类中的draw()方法,重写draw方法去绘制图形 1 //创建自定义的类 2 class Shape:public Node { 3 public: 4 //重写draw方法,用于绘制图形 5 virtual void draw(){ 6 //使用DrawPrimitives方法去绘制矩形,圆形,填充矩形圆形,还可以设置颜色和大小 7 DrawPrimitives:: 8 9 }; 10 //初始化方法 11 virtual bool init(){ 12 return true; 1

canvas 绘图api的位置问题

今天因为canvas绘图的为之问题浪费了一些时间. 我们知道canvas的默认宽高是300X150嘛. 实际使用的时候当然是自定义一个高宽啦. 在js中通过canvasDom.style设置了某个高宽的时候,canvas在页面上也确实伸缩了. 但是用某些api的时候,传入位置参数时,还是按照300X150规格来处理位置的!如果想让位置居中的话,传入canvas.width/2或canvas.height/2就好了. 这是之前留意过的问题,今天才发现.可怜我试错地在模拟器上反复折腾,确定真相的我眼

html5 canvas常用api总结(二)--绘图API

canvas可以绘制出很多奇妙的样式和美丽的效果,通过几个简单的api就可以在画布上呈现出千变万化的效果,还可以制作网页游戏,接下来就总结一下和绘图有关的API. 绘画的时候canvas相当于画布,而context相当于画笔. 1.绘制线条 moveTo(x0,y0):把当前画笔(ictx)移动到(x0,y0)这个位置. lineTo(x1,y1):从当前位置(x0,y0)处到(x1,y1)画一条直线. beginPath():开启一条路径或者重置当前路径. closePath():从当前点回到