`
xidajiancun
  • 浏览: 449285 次
文章分类
社区版块
存档分类
最新评论

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

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


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

分享到:
评论

相关推荐

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

    Cocos2d-x利用遮罩(蒙版)CCLayerColor制作新手引导界面入门篇.原文请参考博客: http://blog.csdn.net/u012945598/article/details/17280019

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

    Cocos2d-x实现新手引导界面 原文请参考博客http://blog.csdn.net/u012945598/article/details/17385357

    Cocos2d-x实战:JS卷——Cocos2d-JS开发

    资源名称:Cocos2d-x实战:JS卷——Cocos2d-JS开发内容简介:本书是介绍Cocos2d-x游戏编程和开发技术书籍,介绍了使用Cocos2d-JS中核心类、瓦片地图、物理引擎、音乐音效、数据持久化、网络通信、性能优化、多平台...

    Cocos2d-x高级开发教程

    Cocos2d-x是移动跨平台开发最流行的游戏引擎,而本书是一本很全面的、比较‘接地气’的游戏开发教程。书中汇聚了热门手机游戏《捕鱼达人》开发的实战经验,作者从最基础的内容开始,逐步深入地介绍了Cocos2d-x的相关...

    cocos2d-x-2.1.5

    cocos2d-x-2.1.5

    cocos2d-x教程

    cocos2d-x教程,cocos2d-x使用方法的一些介绍

    cocos2d-x事件类

    在使用cocos2d-x开发游戏的过程中,为了实现逻辑和显示相分离。 在下通宵了一个晚上,写出了该事件类。 谨记,该事件只能用于cocos2d-x中。 事件发送者需要继承EventDispatcher类 事件接收者需要继承EventHandle类...

    大富翁手机游戏开发实战基于Cocos2d-x3.2引擎

    资源名称:大富翁手机游戏开发实战基于Cocos2d-x3.2引擎内容简介:李德国编著的《大富翁手机游戏开发实战(基于 Cocos2d-x3.2引擎)》使用Cocos2d-x游戏引擎技术,带领读者一步一步从零开始进行大富翁移动游戏的开发...

    Cocos2d-x高级开发教程制作自己的《捕鱼达人》

    Cocos2d-x高级开发教程:制作自己的《捕鱼达人》 图书简介: 《Cocos2d-x高级开发教程:制作自己的《捕鱼达人》》是国内第一本全面深入讲解Cocos2d-x进阶内容的图书,Cocos2d-x创始人王哲作序推荐,《捕鱼达人》开发...

    cocos2d-x-3.2旧版引擎下载

    cocos2d-x-3.2下载,不多说。或者可以下载另一个资源 cocos引擎老版本集合(cocos2d-x-2.2.1 - 3.5) http://download.csdn.net/download/crazymagicdc/9982656

    cocos2d-x实战项目

    cocos2d-x实战项目 01.cocos2d-x原理及环境配置.rar 03.cocostudio使用方法及UI控制.rar 04.XML文件读取与骨骼动画.rarcocos2d-x实战项目 01.cocos2d-x原理及环境配置.rar 03.cocostudio使用方法及UI控制.rar 04.XML...

    Cocos2D-X游戏开发技术精解

    资源名称:Cocos2D-X游戏开发技术精解内容简介:Cocos2D-X是一款支持多平台的 2D手机游戏引擎,支持iOS、Android、BlackBerry等众多平台。当前,很多移动平台流行的游戏,都是基于Cocos2D-X开发的。 《Cocos2D-X...

    Cocos2d-x入门视频教程(全7讲)

    资源名称:Cocos2d-x入门视频教程(全7讲)资源目录:【】cocos2d-x视频教程_01【】cocos2d-x视频教程_02【】cocos2d-x视频教程_03【】cocos2d-x视频教程_04【】cocos2d-x视频教程_05【】cocos2d-x视频教程_06【】...

    Cocos2D-X游戏开发技术精解.pdf

    《Cocos2D-X游戏开发技术精解》详细介绍如何使用Cocos2D-X引擎开发自己的移动平台游戏。全书共15章,主要内容包括:Cocos2D-X引擎简介;如何建立跨平台的开发环境;引擎的核心模块——渲染框架;如何实现动态画面和...

    精通COCOS2D-X游戏开发 基础卷_2016.4-P399-13961841.pdf

    精通COCOS2D-X游戏开发 精通COCOS2D-X游戏开发 精通COCOS2D-X游戏开发 精通COCOS2D-X游戏开发 精通COCOS2D-X游戏开发

    cocos2d-x-3.0 类图

    这是我重新弄的cocos2d-x-3.0的类图.之前别人兄台弄的,有些不全面,有些地方错误.我这个可以说是最新的了.每个类添加了中文的详细注解,同时也添加了中文的类名称翻译.这样对cocos2d-x-3.0的框架比较好上手. 有兴趣的...

    经典版本 方便下载 源码 旧版本 3.8 官网找不到了 cocos2d-x-3.8.zip

    经典版本 方便下载 源码 旧版本 3.8 官网找不到了 cocos2d-x-3.8.zip

    龙灵修-讲Lua的cocos2d-x进阶视频.rar

    cocos2d-x进阶教程1_1搭建和配置Lua开发环境.mp4 cocos2d-x进阶教程1_2编写自己的Lua版本的HelloWorld.mp4 cocos2d-x进阶教程1_3Lua语言的注释、变量、语句块.mp4 cocos2d-x进阶教程1_4Lua中函数、条件判断语句.mp4 ...

    cocos2d-x windows vs2010配置

    Cocos2d-x windows vs2010 配置图文详解

    Cocos2d-x实战 JS卷 Cocos2d-JS开发

    Cocos2d-x实战 JS卷 Cocos2d-JS开发 PDF 电子书完整版本

Global site tag (gtag.js) - Google Analytics