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函数中加入代码:

此处是颜色渐变效果,看一下效果图:


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