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

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

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

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

        在我们第一次使用一款软件的时候，都会有一个新手引导的画面，画面上一般会有一个小手指指着一个地方，告诉你应该点这个区域，而这个区域是亮的，其它的部分是暗的；又或者是如下图所示的一种情况：

注:素材均源自网络,若涉及版权问题~你丫去死吧! 请联系我！

看看这张图片，虽然它是个应用不是个游戏，但是效果类似，有一个黑色的透明度不是很高的东西遮住了下面，而在黑色层的上面又多了几个引导，此篇文章中笔者就带领大家来做这样一个效果。

这个效果十分简单，Cocos2d-x引擎已经为我们提供了现成的接口——CCLayerColor，我们可以利用这个类去创建一个带颜色的层。

新建一个项目，笔者命名为maskDemo,由于笔者不喜欢使用HelloWorld所以新建一个C++ File 命名maskScene，.h文件中代码如下：

.m文件中代码如下：

这时遮罩层已经添加到了屏幕上，我们看一下效果图：

如果单是要制作引导界面，我们就可以继续在这个蒙版上面继续添加图片或按钮等相关控件了，不过单是有一个黑色的蒙版可能效果还不够炫，那么我们可以在这个蒙版上面添加一些动作，比如我们之前介绍过的淡入淡出，还有色调变化，下面我们来加上这两个效果让我们的开场更炫一些。继续在.cpp文件的init函数中加入代码：

此处是颜色渐变效果，看一下效果图：

这个方法是比较简单的，大家自己尝试一下吧。在下一篇文章中我们将讲述更加专业的新手引导界面制作方法，设置局部区域高亮的效果。