Cocos2dx教程第(11)讲－利用遮罩(蒙版)CCLayerColor制作新手引导界面(上)

       欢迎转载&＃xff0c;转载时请注明原文出处&＃xff1a;http://blog.csdn.net/u012945598/article/details/17280019

      源码下载地址&＃xff1a;http://download.csdn.net/detail/u012945598/6702495

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

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

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

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

新建一个项目&＃xff0c;笔者命名为maskDemo,由于笔者不喜欢使用HelloWorld所以新建一个C&＃43;&＃43; File 命名maskScene&＃xff0c;.h文件中代码如下&＃xff1a;

.m文件中代码如下&＃xff1a;

这时遮罩层已经添加到了屏幕上&＃xff0c;我们看一下效果图&＃xff1a;

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

此处是颜色渐变效果&＃xff0c;看一下效果图&＃xff1a;

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