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挡住的现象,如果在今后出现了此方法的优势之处后再做说明)

时间: 09-29

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

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

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

Cocos2Dx 一些琐碎的API

该随笔用来记录碰到的琐碎的API,以加深印象,以后找起来也方便. 场景: Director::getInstance()->replaceScene(scene);// 切换场景 Director::getInstance()->replaceScene(TransitionSlideInt::create(3.0f,scene));//带特效切换场景 Director::getInstance()->pushScene(scene)//push 和pop场景不会导致旧场景内存释放 控件

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

3. 使用绘图API自定义视图 --- 旋转的方块

1 import android.content.Context; 2 import android.graphics.Canvas; 3 import android.graphics.Color; 4 import android.graphics.Paint; 5 import android.util.AttributeSet; 6 import android.view.View; 7 8 /** 9 * 旋转的方块 10 * 11 * @author dr 12 */ 13 publ

Cocos2d-x使用瓦片地图

图所示的复杂地图可以使用瓦片地图技术,瓦片地图是用一些小图片(瓦片)拼接而成,这样可以大大地减少内存消耗.如图所示的瓦片地图,只需要如图所示的三个瓦片就可以了. 瓦片地图 地图中的瓦片 瓦片地图的分类瓦片地图可以有三种分类:直角地图.斜角地图和六边形地图.1.直角地图直角地图,如图所示是使用方形瓦片构建,看上去是垂直向下观察的鸟瞰图,构成瓦片地图的瓦片不一定是正方形,也可以是长方形瓦片. 2.斜角地图斜角地图,如图所示是使用菱形瓦片构建.斜角地图是将视角旋转到45度,斜角地图能够使我们的大脑错误