Cocos2d-x教程(12)-利用遮罩(蒙版)CCLayerColor制作新手引导界面(中)

                  欢迎加入 Cocos2d-x 交流群: 193411763

欢迎转载,转载时请注明原文出处:http://blog.csdn.net/u012945598/article/details/17385357

源码下载地址:http://download.csdn.net/detail/u012945598/6731891


继续制作我们的新手引导引导界面......

新建一个工程Demo_2,新建一个场景类,命名NewScene。

首先来讲我们上一讲已经实现的部分添加进来,看一下NewScene中的代码:

Cocos2d-x教程(12)-利用遮罩(蒙版)CCLayerColor制作新手引导界面(中)_第1张图片

.cpp文件代码如下:

上一讲中的效果图如下:

下面我们通过CCClippingNode来创建一个剪裁节点,通过这个剪裁节点,我们将在效果图中抠出来一个图形,创建剪裁节点方法如下:


之后我们需要告诉剪裁节点,我们需要剪裁什么样的图形,这个图形需要我们自己利用代码来绘制,Cocos2d-x中为我们提供了CCDrawNode类,这个类是用来绘制图形的,我们可以通过drawPolygon    方法绘制多边形,其中圆形也可以通过该方法绘制,因为圆形可以看做是由多个顶点组成的多边形。下面我们来绘制一个圆形:

Cocos2d-x教程(12)-利用遮罩(蒙版)CCLayerColor制作新手引导界面(中)_第2张图片

完成上述操作后运行项目,部分读者的控制台可能会输入:Stencil buffer is not enabled解决方法笔者在博之前博客中已经说明:http://blog.csdn.net/u012945598/article/details/17282519

若无上述情况,会出现如下图的效果:

Cocos2d-x教程(12)-利用遮罩(蒙版)CCLayerColor制作新手引导界面(中)_第3张图片

下面我们为这个圆做一些修饰,继续添加代码:

事实上只是添加了两个精灵修饰了一下,效果图如下:

Cocos2d-x教程(12)-利用遮罩(蒙版)CCLayerColor制作新手引导界面(中)_第4张图片

下一讲将学习如何添加触摸事件....

你可能感兴趣的:(绘制图形,蒙板,Cocos2d-x遮罩层,马宗扬,Cocos2d-x新手引导)