Cocos2dx3.x 绘图API(转)

1.drawaDot 画一个圆点,官方解释

void  drawDot (const Vec2 &pos, float radius, const Color4F &color)
  给定半径以及颜色,绘制预定位置的点

实例:

[cpp] view plaincopy

  1. auto r= cocos2d::DrawNode::create();
  2. addChild(r);
  3. r->drawDot(Vec2(100,100),10,Color4F::GREEN);

效果:

在坐标100,100上绘制了一个半径为10的绿色圆点

2.drawSegment 画一条直线,官方解释

void  drawSegment (const Vec2 &from, const Vec2 &to, float radius, const Color4F &color)
  给定半径以及颜色绘制一条线段

实例:

[cpp] view plaincopy

  1. auto r= cocos2d::DrawNode::create();
  2. addChild(r);
  3. r->drawSegment(Vec2(100,400),Vec2(300,400),2,Color4F::RED);
  4. r->drawSegment(Vec2(200,500),Vec2(200,300),5,Color4F::RED);

效果:
在坐标100,400到300,400之间画了一条半径为2的直线,然后还在坐标200,500到200,300之间画了一条半径为5的直线

3.drawPolygon 画一个多边形,官方解释

void  drawPolygon (Vec2 *verts, int count, const Color4F &fillColor, float borderWidth, const Color4F &borderColor)
  给定填充颜色以及线条颜色绘制一个多边形

实例:

[cpp] view plaincopy

  1. auto r= cocos2d::DrawNode::create();
  2. addChild(r);
  3. Vec2 vc1[4]={Vec2(200,200),Vec2(200,300),Vec2(300,300),Vec2(300,200)};
  4. r->drawPolygon(vc1,4,Color4F::BLUE,1,Color4F::RED);
  5. Vec2 vc2[5]={Vec2(100,100),Vec2(100,200),Vec2(200,200),Vec2(200,100),Vec2(150,50)};
  6. r->drawPolygon(vc2,5,Color4F::BLUE,1,Color4F::RED);

效果:

第一个多边形定义了4个点,第二个多边形 定了5个点

时间: 2024-10-09 19:43:56

Cocos2dx3.x 绘图API(转)的相关文章

引言: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

cocos2dx3.2 绘图方法小改动之 C++ final学习

今天用cocos2dx 3.2版本学习绘图功能, 于是我重载Node 的draw方法,发现报错, 点击方法进入到Node下 发现draw()方法后面多了一个 final. 下面我简单讲解一个下final的用途 1 final类: final类不能被继承,因此final类的成员方法没有机会被覆盖,默认都是final的.在设计 类的时候,如果这个类不需要有子类,类的实现细节不允许改变,并且确认这个类不会被 扩展,那么就设计为final类.final方法不可以被子类方法覆盖,但可以被继承. 2 fin

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()

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 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

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():从当前点回到

Swing绘图API

----------------siwuxie095 工程名:TestSwingPaintAPI 包名:com.siwuxie095.swingpaint 类名:SwingPaintAPI.java(主类).MyPanel.java 向 com.siwuxie095.swingpaint 包中放入图像文件:img.png 工程结构目录如下: SwingPaintAPI.java(主类): package com.siwuxie095.swingpaint; import java.awt.Bor