码迷,mamicode.com
首页 > 其他好文 > 详细

Cocos2dx 3.2 之实现精灵图片放大功能

时间:2014-08-07 00:50:07      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   使用   os   io   文件   

       原文地址 http://blog.csdn.net/jhonlight/article/details/38408351 

           

      今天一个群友问我:

       我Scene里放置一个Layer,Layer盛放一张图片,即背景图片,我想更换这张图片,而且要求带有系统提供的切换Scene 淡入淡出的效果,于是我用Director类的切换用系统提供的切换动画包装的scene,但是效果是整个scene都被切换了,而我想要的是只有背景变化,其余的不变。

       大家都知道,这样做当然不可以,Director(导演)的切换会把制定的scene切换掉,随即而来的scene的会取代之前的scene容器,那面对这个需求,我们该怎么办呢?这时候我想到了网格效果,既然你想要淡入淡出的效果,网格效果中正好也有啊。于是他按照我说的去做了,后来发现网格效果种只有淡出FadeOutBLTiles,这可怎么办?可别忘了cocos2dx 有这样一个动作,reverse();即反转,淡出反转之后,我们可不可理解为淡出呢?是吧 没错,基本符合需求。

      以上只是一个小插曲,下面通过一个小小的例子,来简要说明网格特效的使用。

      首先来一段官网的介绍吧。

   网格动作类似于特效,可以实现翻转、抖动、震荡、水波纹等效果。Cocos2D-x中,网格类的基类CCGridBase有两个子类,即CCGrid3D和CCTiledGrid3D。这两个类的共同点是,网格的每个子块都可以分离出来,CCGridBase的继承关系如下:

  CCGrid3D、CCTiledGrid3D-->CCGridBase-->CCObject。

  网格没有什么直接应用的场合,只要明白CCGrid3D和CCTiledGrid3D,并且网格动作是基于网格的即可。运行网格动作的节点好像被分成了大小相同的很多矩形,通过这些矩形的动作形成整体动作,这些矩形就好像形成了一个矩阵。16x12的网格将会运行的非常快,但是效果并不是非常好。32x24的网格看起来非常棒,但是在有些时候运行起来不会太快。

    注:使用网格特效之前需要关闭OPenGL种的深度测试

  bubuko.com,布布扣

    至于为什么要关闭深度测试,个人觉得网格特效是把节点以及节点的子类所在的平面拆分成各个网格,进而来进行特定的特效,既然是平面的,就没有不需要有深度的检测了,1是会影响效果,2开启深度测试会额外消耗性能。 此是个人的理解,如有错误望大神更正。

    ok,来上代码。上代码之前先看下效果。

   bubuko.com,布布扣    bubuko.com,布布扣

    通过做一个放大触摸点位置的图片局部来展示特效的使用。

bubuko.com,布布扣


1 首先再头文件种,定义触摸开始,触摸移动,触摸结束三个方法和一个网格实例的私有变量。

    bubuko.com,布布扣bubuko.com,布布扣

 bubuko.com,布布扣

     

初始化网格特效实例,并添加到当前层中,接下来放置一个精灵到网格实例中,我们可以把网格特效实例看作是一个容器,它会让缩成装的对象都产生制定的特效效果。

 bubuko.com,布布扣

bubuko.com,布布扣

bubuko.com,布布扣

2 初始化触摸监听以及回调方法,我使用的是cocos2dx3.2,与3.0之前的触摸有所变化,有不了解的同学可以去查阅官方文档。

bubuko.com,布布扣

bubuko.com,布布扣 bubuko.com,布布扣


3 首先通过pEvent获取触摸的目标,以此目标定义一个矩形区域,接下来判断当前的点是否在此矩形区域中,返回false代表触摸了是精灵,反之则触摸点在精灵之外。

4 定义一个方法的效果,让之前初始化的网格实例来运行此特效动作。

bubuko.com,布布扣

bubuko.com,布布扣

  bubuko.com,布布扣

5 触摸移动和触摸结束方法差不多,就不做解释。


6 运行ok 就是开头的效果。


7 如果对别的特效有兴趣可以一一试之。效果蛮不错的。

 

Cocos2dx 3.2 之实现精灵图片放大功能,布布扣,bubuko.com

Cocos2dx 3.2 之实现精灵图片放大功能

标签:style   blog   http   color   使用   os   io   文件   

原文地址:http://blog.csdn.net/jhonlight/article/details/38408351

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!